/* ============================================================
   SEMANTIC — Era Contract (documentation only)
   ============================================================
   An "era" is a complete aesthetic identity for carrington.cool
   (warm founder publication, future sharp editorial, etc.).
   Eras replace the legacy [data-theme] color palettes.

   Every era is a CSS block targeting:
       :root, [data-era="<name>"] { … }
   (include :root only for the default/fallback era) and MUST
   define every role token below by reading the --cc-* primitives.
   Components read ONLY these role tokens — never --cc-* directly —
   so swapping the era restyles the whole site.

   ── Color roles ──────────────────────────────────────────────
     --color-ink                Primary text
     --color-paper              Page background
     --color-surface            Card / raised surface
     --color-muted              Secondary text
     --color-border             Hairline rules / outlines
     --color-accent             Brand / action (buttons, links)
     --color-accent-contrast    Text on --color-accent
     --color-accent-soft        Tinted accent wash
     --color-highlight          Single signature highlight
     --color-win / -loss / -flag / -info   Signal colors

   ── Type roles ───────────────────────────────────────────────
     --font-display             Headings / display
     --font-display-condensed   Heavy condensed display
     --font-sans                Body / UI
     --font-mono                Code / labels
     --gh-font-heading          Ghost content headings  (= --font-display)
     --gh-font-body             Ghost content body       (= --font-sans)

   ── Shape roles ──────────────────────────────────────────────
     --radius-sm / -md / -lg / -xl / -pill
     --shadow-sm / -soft / -lg / -hover

   Space, container widths, and gradient recipes are era-invariant
   and live in the primitives layer.
   ============================================================ */