:root{
/* --- Base palette (verbatim from the brand palette table) --- */
--parchment:#F4EFE6;         /* Light 1 */
--linen:#E7E0D5;             /* Light 2 */
--forest:#173C35;            /* Dark 1 / Control 1 */
--pine:#294F48;              /* Dark 2 */
--copper:#C76F45;            /* Accent 1 - Signature Copper, display only */
--copper-burnished:#8A432B;  /* Accent 2 - text-safe copper */
--eucalyptus:#2F6B63;        /* Accent 3 */
--ochre:#D0A24C;             /* Accent 4 */
--moss:#526A4F;              /* Accent 5 */
--mineral-slate:#365F7C;     /* Accent 6 */
--deep-tide:#0A5C73;         /* Hyperlink */
--evergreen:#1F6B45;         /* Quiz correct */
--brick:#A33D32;             /* Quiz incorrect */
--sage-mist:#DCE5DF;         /* Custom 1 */
--clay-tint:#EAD6C9;         /* Custom 2 */

/* --- Alpha derivatives (for rules, hovers, veils) --- */
--forest-a08:rgba(23,60,53,.08);
--forest-a12:rgba(23,60,53,.12);
--forest-a18:rgba(23,60,53,.18);
--forest-a60:rgba(23,60,53,.60);
--forest-a88:rgba(23,60,53,.88);
--copper-a24:rgba(199,111,69,.24);
--copper-a40:rgba(199,111,69,.40);
--parchment-a12:rgba(244,239,230,.12);
--parchment-a24:rgba(244,239,230,.24);
--parchment-a70:rgba(244,239,230,.70);

/* --- Semantic: surfaces (the "pages") --- */
--surface-page:var(--parchment);
--surface-sunken:var(--linen);
--surface-card:var(--parchment);
--surface-card-tinted:var(--clay-tint);
--surface-cool:var(--sage-mist);
--surface-inverse:var(--forest);      /* the "leather cover" */
--surface-inverse-2:var(--pine);
--surface-veil:var(--forest-a60);     /* dialog scrim */

/* --- Semantic: text --- */
--text-body:var(--forest);
--text-muted:var(--forest-a60);
--text-heading:var(--forest);
--text-accent:var(--copper-burnished); /* small copper text, labels */
--text-display-accent:var(--copper);   /* large lettering only */
--text-on-inverse:var(--parchment);
--text-on-inverse-muted:var(--parchment-a70);
--text-emphasis-on-inverse:var(--ochre);
--text-link:var(--deep-tide);
--text-link-on-inverse:var(--ochre);

/* --- Semantic: lines & rules --- */
--rule-hairline:var(--forest-a12);
--rule-strong:var(--forest-a18);
--rule-copper:var(--copper);
--rule-on-inverse:var(--parchment-a24);
--border-input:var(--forest-a18);
--border-input-focus:var(--forest);
--border-secondary-btn:var(--copper);

/* --- Semantic: controls --- */
--control-bg:var(--forest);
--control-label:var(--parchment);
--control-bg-hover:var(--pine);
--control-bg-active:#102C27;
--control-disabled-bg:var(--forest-a12);
--control-disabled-label:var(--forest-a60);
--focus-ring:var(--copper);

/* --- Semantic: status --- */
--status-correct:var(--evergreen);
--status-correct-surface:#E4EFE7;
--status-incorrect:var(--brick);
--status-incorrect-surface:#F3E1DD;
--status-info:var(--mineral-slate);
--status-info-surface:#E1E9EF;
--status-note:var(--ochre);
--status-note-surface:#F6EAD2;
}