:root{
/* base */
--ink-900:#3a3a2e; /* headings, display serif */
--ink-700:#5c594b; /* body text */
--ink-500:#7c7767; /* secondary body */
--ink-300:#a9a394; /* faint captions, footer */
--gold-600:#8f6a36; /* pill borders, deep gold */
--gold-500:#a97e43; /* eyebrows, numerals, arch mark */
--gold-300:#c9ab7c; /* hairline gold, circle borders */
--green-700:#4a5741; /* handover pill, deep olive */
--cream-50:#fbf9f4; /* card-on-beige */
--cream-100:#f7f3ea; /* page background */
--beige-200:#ede7da; /* side panel */
--beige-300:#e6ddc9; /* deep tan card */
--white:#ffffff;
/* semantic */
--surface-page:var(--cream-100);
--surface-panel:var(--beige-200);
--surface-card:var(--white);
--surface-card-tinted:var(--beige-300);
--text-display:var(--ink-900);
--text-body:var(--ink-700);
--text-secondary:var(--ink-500);
--text-faint:var(--ink-300);
--text-eyebrow:var(--gold-500);
--accent:var(--gold-500);
--accent-deep:var(--gold-600);
--accent-quiet:var(--gold-300);
--action:var(--green-700);
--border-hairline:rgba(58,58,46,0.14);
--border-gold:rgba(169,126,67,0.45);
--shadow-card:0 6px 24px rgba(58,58,46,0.07),0 1px 3px rgba(58,58,46,0.05);
}