:root{
/* --- Base palette: sampled from the Cold Standard can --- */
--cream-50:#FBF6EC;--cream-100:#F4EBDA;--cream-200:#EDE2CE;--cream-300:#E1D6C2;--cream-400:#CFC3AD;
--navy-900:#0E2233;--navy-800:#12293C;--navy-700:#183449;--navy-600:#1E3A52;--navy-500:#2D4F67;--navy-400:#4C6B80;--navy-300:#8399A8;
--red-700:#8A1F23;--red-600:#A5262B;--red-500:#B32A2E;--red-400:#C4413F;--red-200:#E8B9B4;
--gold-600:#A0813F;--gold-500:#C0A063;--gold-400:#D3BC8C;--gold-200:#EADCBF;
--steel-600:#5C6B78;--steel-400:#8A9AA6;--steel-200:#C6CFD5;
--white:#FFFFFF;--black:#000000;

/* --- Semantic: surfaces --- */
--surface-page:var(--cream-100);
--surface-raised:var(--cream-50);
--surface-card:var(--cream-50);
--surface-sunken:var(--cream-200);
--surface-inverse:var(--navy-600);
--surface-inverse-deep:var(--navy-900);
--surface-accent:var(--red-500);
--surface-overlay:rgba(14,34,51,.72);

/* --- Semantic: text --- */
--text-body:var(--navy-700);
--text-heading:var(--navy-600);
--text-muted:var(--steel-600);
--text-accent:var(--red-500);
--text-on-inverse:var(--cream-50);
--text-on-inverse-muted:rgba(244,235,218,.68);
--text-on-accent:var(--cream-50);
--text-disabled:var(--steel-400);
--text-link:var(--red-500);
--text-link-hover:var(--red-700);

/* --- Semantic: lines & ornament --- */
--border-hairline:rgba(30,58,82,.22);
--border-strong:var(--navy-600);
--border-inverse:rgba(244,235,218,.28);
--rule-gold:var(--gold-500);
--rule-red:var(--red-500);
--ornament:var(--gold-500);

/* --- Semantic: status --- */
--status-info:var(--navy-500);
--status-success:#3E6B4A;
--status-warning:var(--gold-600);
--status-danger:var(--red-500);

/* --- Focus --- */
--focus-ring:var(--red-500);
--focus-ring-inverse:var(--gold-400);
}