:root{
/* the eight — two grounds, two fields, two tints, two accents */
--bone:#FEFCF7;          /* ground · paper */
--espresso:#2C241B;      /* ground · ink — never pure black */
--racing-green:#21402C;  /* field · authority · the only CTA color */
--denim-slate:#51647B;   /* field · co-primary */
--sage:#AFC0A9;          /* tint · cool */
--faded-rose:#C99287;    /* soft field · warm · serif voice only */
--oxblood:#5E2633;       /* accent · line — the annotator's pen, never a fill */
--brass-ochre:#A9813B;   /* accent · object — one per layout */
/* working shades observed in the brand book */
--meta:#44566A;          /* mono annotations, captions, metadata on bone */
--hairline:#DFD8C6;      /* rules and borders on bone */
--ink-soft:#4a4237;      /* softened body text */
--meta-on-sage:#45503f;  /* mono annotations on sage fields */
--label-on-rose:#5c3a33; /* uppercase labels on rose fields */
--cream-40:rgba(254,252,247,0.4);   /* dashed rules on green */
--cream-14:rgba(254,252,247,0.14);  /* hairlines on green */
--sage-on-green:#AFC0A9; /* mono + captions on racing green */
/* semantic aliases */
--surface-page:var(--bone);
--surface-field:var(--racing-green);
--surface-field-alt:var(--denim-slate);
--surface-tint:var(--sage);
--surface-tint-warm:var(--faded-rose);
--text-body:var(--espresso);
--text-soft:var(--ink-soft);
--text-meta:var(--meta);
--text-on-field:var(--bone);
--text-meta-on-field:var(--sage-on-green);
--line-pen:var(--oxblood);
--line-rule:var(--hairline);
--line-strong:var(--espresso);
--object-accent:var(--brass-ochre);
--cta-bg:var(--racing-green);
--cta-text:var(--bone);
}