:root{
/* ── Inclusiv brand ramp — sampled from "Elementos de marca" ─────────────── */
--blue-900:#1E3560; /* deepest navy — bar 1 of the isotype, dark bands */
--blue-800:#20487B; /* navy — bar 2, primary action */
--blue-600:#3A6A94; /* mid blue — bar 3, address lockup type */
--blue-400:#6491C6; /* medium blue — bar 4 / slash, panel shape */
--blue-200:#A8CDEC; /* light blue — panel shape, light-on-dark logo */
--slate-700:#39414E; /* wordmark grey-slate — body text */

/* derived tints (not in the master graphic — see readme SUBSTITUTIONS) */
--blue-100:#D3E6F5;
--blue-50:#EDF4FB;
--blue-25:#F6FAFD;
--slate-500:#5B6472;
--slate-400:#8A929C;
--slate-300:#B9BFC7;
--slate-200:#DCE0E5;
--slate-100:#EEF0F3;
--white:#FFFFFF;
--black:#000000;

/* ── Marhnos corporate (parent brand, "by Marhnos" endorsements only) ────── */
--marhnos-red:#E2071E;
--marhnos-red-deep:#B5272D;
--marhnos-orange:#E55A24;
--marhnos-amber:#EB871E;
--marhnos-grey:#6F7271;
--marhnos-grey-light:#DBD7D6;
--marhnos-ink:#231F20;

/* ── Semantic text ──────────────────────────────────────────────────────── */
--text-heading:var(--blue-900);
--text-body:var(--slate-700);
--text-muted:var(--slate-500);
--text-subtle:var(--slate-400);
--text-link:var(--blue-800);
--text-link-hover:var(--blue-600);
--text-inverse:var(--white);
--text-inverse-muted:var(--blue-200);
--text-on-brand:var(--white);

/* ── Semantic surfaces ──────────────────────────────────────────────────── */
--surface-page:var(--white);
--surface-subtle:var(--blue-25);
--surface-sunken:var(--blue-50);
--surface-card:var(--white);
--surface-card-tint:var(--blue-50);
--surface-brand:var(--blue-800);
--surface-brand-deep:var(--blue-900);
--surface-brand-soft:var(--blue-200);
--surface-inverse:var(--blue-900);
--surface-overlay:rgb(30 53 96 / .72);
--surface-glass:rgb(255 255 255 / .82);

/* ── Semantic borders ───────────────────────────────────────────────────── */
--border-subtle:var(--slate-200);
--border-default:var(--slate-300);
--border-strong:var(--blue-800);
--border-brand-soft:var(--blue-100);
--border-inverse:rgb(255 255 255 / .28);

/* ── Interactive ────────────────────────────────────────────────────────── */
--accent:var(--blue-800);
--accent-hover:var(--blue-900);
--accent-active:#182B4E;
--accent-soft:var(--blue-50);
--accent-soft-hover:var(--blue-100);
--focus-ring:var(--blue-400);
--focus-ring-offset:var(--white);

/* ── Feedback (derived in the brand hue family — see readme SUBSTITUTIONS) ─ */
--success:oklch(.55 .11 158);
--success-soft:oklch(.96 .03 158);
--warning:oklch(.72 .13 72);
--warning-soft:oklch(.96 .04 82);
--danger:oklch(.53 .17 25);
--danger-soft:oklch(.96 .03 25);
--info:var(--blue-600);
--info-soft:var(--blue-50);

/* ── Gradients & scrims ─────────────────────────────────────────────────── */
--gradient-ramp:linear-gradient(90deg,var(--blue-900) 0%,var(--blue-800) 25%,var(--blue-600) 50%,var(--blue-400) 75%,var(--blue-200) 100%);
--gradient-brand:linear-gradient(135deg,var(--blue-900) 0%,var(--blue-600) 100%);
--scrim-bottom:linear-gradient(180deg,rgb(30 53 96 / 0) 0%,rgb(30 53 96 / .12) 45%,rgb(30 53 96 / .82) 100%); /* @kind color */
--scrim-left:linear-gradient(90deg,rgb(30 53 96 / .88) 0%,rgb(30 53 96 / .45) 55%,rgb(30 53 96 / 0) 100%); /* @kind color */
}