:root{
/* --- Brand base ------------------------------------------------------ */
--navy-900:#08132a;
--navy-800:#0e1e41; /* logo navy — the brand's single dominant colour */
--navy-700:#1a2d55;
--navy-600:#2b3f6b;
--navy-500:#54627c;
--red-600:#b83d31;
--red-500:#dc4f41; /* logo "PRO" red — accent only, never a surface */
--red-100:#f7e0dd;

/* --- Cool neutrals (glass / steel) ---------------------------------- */
--steel-050:#f4f7f9;
--steel-100:#e6ecf1;
--steel-200:#d0dae4; /* the pale glass panel — sampled at-pixel from the audit brochure */
--steel-300:#b3c4d2;
--steel-400:#8b9cad;
--slate-600:#5a6675;
--slate-700:#3c4858;
--white:#ffffff;
--black:#000000;

/* --- Semantic: text ------------------------------------------------- */
--text-heading:var(--navy-800);
--text-body:var(--slate-700);
--text-muted:var(--slate-600);
--text-faint:var(--steel-400);
--text-accent:var(--red-500);
--text-on-dark:var(--white);
--text-on-dark-muted:rgba(255,255,255,.72);
--text-link:var(--navy-800);
--text-link-hover:var(--red-500);

/* --- Semantic: surfaces --------------------------------------------- */
--surface-page:var(--white);
--surface-subtle:var(--steel-050);
--surface-panel:var(--steel-200);
--surface-card:var(--white);
--surface-inverse:var(--navy-800);
--surface-inverse-deep:var(--navy-900);
--surface-accent:var(--red-500);
--surface-scrim:rgba(8,19,42,.55);
--surface-glass:rgba(255,255,255,.72);

/* --- Semantic: lines ------------------------------------------------ */
--line-hairline:var(--steel-100);
--line-rule:var(--steel-300);
--line-strong:var(--navy-800);
--line-focus:var(--red-500);

/* --- Semantic: state ------------------------------------------------ */
--state-ok:#2f7d5d;
--state-warn:#c98a1e;
--state-alert:var(--red-500);
--state-neutral:var(--steel-400);
}