:root{
/* --- Brandbook v2, Block 3 §2. Neutral base plus three word colours. Nothing else. --- */
--paper:#F8F7F3;          /* background, fixed */
--blackout:#1E1E1E;       /* text on light, dark surfaces, thin rules */

/* word colours — flat, one per visual, never gradient, outline, shadow or transparency */
--red:#E5322D;            /* also the single UI accent: submit, active state */
--yellow:#FBEA3A;         /* on dark or saturated frames only, never on Paper */
/* Sky blue #3AA6E8 retired (October 2026): social uses red and yellow only.
   Pink may be added later as a rare accent; no value is set yet. */

/* --- Retired in v2: Crimson #9B2333, Ink #37261A, Bronco #AAA194, Marlborough #8AA2BA.
       They are not brand colours any more. Two of them survive below ONLY as mixing sources
       so the warm paper tints and warm text neutrals stay as approved. Never use them directly. --- */
--tint-source-warm:#AAA194;  /* @kind other */
--tint-source-deep:#37261A;  /* @kind other */

/* --- neutrals. No neutral grey: light grounds are paper warmed, text neutrals lean warm.
       Mixes toward an achromatic colour must use srgb (oklch resolves the missing hue to 0
       and tints the result pink). --- */
--paper-2:color-mix(in oklch, var(--tint-source-warm) 8%, var(--paper));
--tint-1:color-mix(in oklch, var(--tint-source-warm) 14%, var(--paper));
--tint-2:color-mix(in oklch, var(--tint-source-warm) 26%, var(--paper));
--image-ground:color-mix(in oklch, var(--tint-source-warm) 34%, var(--paper));
--line:#BFB6AC;              /* hairline, Block 3 §6 */
--line-strong:color-mix(in srgb, var(--tint-source-deep) 55%, var(--paper));
--text-2:color-mix(in srgb, var(--tint-source-deep) 78%, var(--paper));
--text-3:color-mix(in srgb, var(--tint-source-deep) 72%, var(--paper));
--red-press:color-mix(in oklch, var(--red) 84%, var(--blackout));

/* --- semantic aliases --- */
--surface-page:var(--paper);
--surface-raised:var(--tint-1);
--surface-card:var(--paper);
--surface-muted:var(--tint-2);
--surface-image:var(--image-ground);
--surface-inverse:var(--blackout);
--surface-inverse-hover:color-mix(in srgb, var(--blackout) 78%, var(--paper));
--surface-accent:var(--red);

--text-body:var(--blackout);
--text-strong:var(--blackout);
--text-muted:var(--text-2);
--text-quiet:var(--text-3);
--text-inverse:var(--paper);
--text-accent:var(--red);
--text-on-accent:var(--paper);

--border-hairline:var(--line);
--border-strong:var(--line-strong);
--border-accent:var(--red);

--accent:var(--red);
--accent-hover:var(--red-press);
--focus-ring:var(--blackout);
--overlay-scrim:color-mix(in srgb, var(--blackout) 45%, transparent);
--link:var(--blackout);
--link-hover:var(--red);

/* word on frame */
--word-line:58%;   /* @kind other */ /* vertical centre of the word, same on every post. Chosen once, never changed. */
}