:root{
/* --- Teal (primary brand — straight from the logo) --- */
--teal-900:#013E42;--teal-800:#015458;--teal-700:#01696E;--teal-600:#018086;--teal-500:#02A9B1;--teal-300:#5FD6DC;--teal-200:#8FE9EE;--teal-100:#B3FBFE;--teal-050:#EAFDFE;
/* --- Deep teal ink (the wordmark colour) --- */
--ink-900:#04292A;--ink-800:#0B3637;--ink-700:#13494A;
/* --- Neutrals (paper + rules) --- */
--white:#FFFFFF;--paper:#F7FBFB;--neutral-100:#EDF1F1;--neutral-200:#DDE4E4;--neutral-300:#C3CECE;--neutral-400:#A3B1B1;--neutral-500:#7C8E8E;--neutral-600:#5C6E6E;--neutral-700:#3F5051;--neutral-800:#2A3E3F;
/* --- Status. Derived, not supplied in the brand pack --- */
--status-ok:#1E7A54;--status-warn:#9A6B12;--status-alert:#8E2F26;

/* --- Semantic: text --- */
--text-heading:var(--ink-900);--text-body:var(--neutral-800);--text-muted:var(--neutral-600);--text-faint:var(--neutral-500);
--text-accent:var(--teal-700);
--text-on-teal:var(--white);--text-muted-on-teal:#CFF6F8;--text-accent-on-teal:var(--teal-100);
/* Legacy aliases — the dark ground is teal, never navy */
--text-on-dark:var(--text-on-teal);--text-muted-on-dark:var(--text-muted-on-teal);--text-accent-on-dark:var(--text-accent-on-teal);
/* --- Semantic: surface. White is the default ground; teal is the only inverted one. --- */
--surface-page:var(--white);--surface-subtle:var(--paper);--surface-card:var(--white);--surface-accent:var(--teal-050);
--surface-teal:var(--teal-700);--surface-teal-deep:var(--teal-900);
--surface-dark:var(--surface-teal);--surface-dark-alt:var(--teal-600);
--scrim-hero:linear-gradient(90deg,rgba(4,41,42,.86) 0%,rgba(4,41,42,.62) 55%,rgba(4,41,42,.28) 100%); /* @kind other */
--scrim-image:linear-gradient(180deg,rgba(4,41,42,0) 40%,rgba(4,41,42,.72) 100%); /* @kind other */
/* --- Semantic: line --- */
--border-subtle:var(--neutral-200);--border-strong:var(--neutral-300);--border-accent:var(--teal-700);
--border-on-teal:rgba(255,255,255,.28);--border-on-dark:var(--border-on-teal);
--rule-brand:var(--teal-700);
/* --- Semantic: interactive --- */
--accent:var(--teal-700);--accent-hover:#015458;--accent-active:#013E42;
--accent-quiet-bg:var(--teal-050);--accent-on-teal:var(--white);--accent-on-teal-hover:var(--teal-100);
--accent-on-dark:var(--accent-on-teal);--accent-on-dark-hover:var(--accent-on-teal-hover);
--link:var(--teal-700);--link-hover:var(--ink-900);--link-on-teal:var(--white);--link-on-dark:var(--link-on-teal);
--focus-ring:var(--teal-500);
--field-bg:var(--white);--field-border:var(--neutral-300);--field-border-focus:var(--teal-700);--field-placeholder:var(--neutral-400);
--disabled-fg:var(--neutral-400);--disabled-bg:var(--neutral-100);
}