:root{
/* Brand palette — Brandbook p.19–20 (digital + Pantone) */
--ch-navy:#0D141E;        /* Pantone Black 6 C */
--ch-charcoal:#3D3A37;    /* Pantone Black 7 C */
--ch-slate:#4D5259;       /* Pantone 7540 C */
--ch-offwhite:#F2F3F6;    /* Pantone 649 C */
--ch-copper:#A27355;      /* Pantone 4645 C — accent, 1–5% of a composition */

/* Extended tones observed in Brand System applications */
--ch-navy-900:#0A0F17;
--ch-navy-800:#141B26;
--ch-navy-700:#1A202C;
--ch-ink-blue:#0F2742;    /* deep ocean-blue panel (Brand System p.28) */
--ch-ink-blue-600:#173A5E;
--ch-graphite:#252A33;
--ch-graphite-600:#2E333B;
--ch-stone:#CDD0D4;       /* light card */
--ch-mist:#D3D6DA;        /* light deck background */
--ch-paper:#E6E6E6;       /* brandbook light page */
--ch-white:#FFFFFF;
--ch-copper-300:#C9A486;
--ch-copper-100:#EADFD3;  /* warm light leak */
--ch-copper-700:#7E5840;

/* Semantic — dark surface is the default brand context */
--surface-page:var(--ch-navy);
--surface-raised:var(--ch-navy-700);
--surface-card:var(--ch-navy-700);
--surface-card-alt:var(--ch-ink-blue);
--surface-card-muted:var(--ch-graphite);
--surface-light:var(--ch-offwhite);
--surface-light-alt:var(--ch-mist);
--surface-overlay:rgba(10,15,23,.72);

--text-strong:var(--ch-offwhite);
--text-body:rgba(242,243,246,.78);
--text-muted:rgba(242,243,246,.56);
--text-faint:rgba(242,243,246,.36);
--text-accent:var(--ch-copper);
--text-on-light:var(--ch-navy);
--text-on-light-body:var(--ch-slate);
--text-on-light-muted:#80858C;

--line-hair:rgba(242,243,246,.18);
--line-strong:rgba(242,243,246,.42);
--line-on-light:rgba(13,20,30,.18);
--line-on-light-strong:rgba(13,20,30,.42);
--line-accent:var(--ch-copper);

--focus-ring:var(--ch-copper-300);
--state-success:#7E9C86;
--state-warning:var(--ch-copper-300);
--state-danger:#B5655A;
}