/* ============================================================ SEMANTIC — Carrington Cool (inaugural era) ============================================================ Identity: premium founder publication. Warm paper, near-black ink, a single green highlight, serif display + Inter body, soft rounded corners, soft elevation. The codification of the old "Default" palette into a named, intentional era. :root is included so Carrington Cool is the fallback before JS sets data-era (SSR / first paint), matching how editorial-sport anchors :root in the killthebody system. --theme-accent / --theme-surface preserve the Ghost Admin color settings (accent_color, surface_tint) injected by default.hbs; they fall back to era primitives when unset. ============================================================ */ :root, [data-era="carrington-cool"] { /* Cool/Light are warm light-style palettes. Declaring color-scheme opts the page out of Chromium auto/force-dark, which otherwise algorithmically re-tints the light palette into muddy brown on a dark-OS browser. Dark mode re-asserts `dark` (see dark.css). */ color-scheme: light; /* ── Color roles ───────────────────────────────────────── */ --color-ink: var(--cc-ink-900); --color-paper: var(--cc-paper-200); --color-surface: var(--theme-surface, var(--cc-paper-100)); --color-muted: var(--cc-ink-500); --color-border: rgba(16, 16, 16, 0.12); --color-accent: var(--theme-accent, var(--cc-ink-900)); --color-accent-contrast: var(--cc-paper-contrast); --color-accent-soft: rgba(16, 16, 16, 0.06); --color-highlight: var(--cc-green-500); /* Signal */ --color-win: var(--cc-win); --color-loss: var(--cc-loss); --color-flag: var(--cc-flag); --color-info: var(--cc-info); /* ── Type roles ────────────────────────────────────────── */ --font-display: var(--cc-font-serif); --font-display-condensed: var(--cc-font-condensed); --font-sans: var(--cc-font-sans); --font-mono: var(--cc-font-mono); --gh-font-heading: var(--font-display); --gh-font-body: var(--font-sans); /* ── Shape roles — soft, rounded ───────────────────────── */ --radius-sm: var(--cc-radius-1); --radius-md: var(--cc-radius-2); --radius-lg: var(--cc-radius-3); --radius-xl: 26px; --radius-pill: var(--cc-radius-pill); --shadow-sm: var(--cc-shadow-sm); --shadow-soft: var(--cc-shadow-soft); --shadow-lg: var(--cc-shadow-lg); --shadow-hover: var(--cc-shadow-lg); } /* Era-level font-preset hooks (kept from tokens.css — Ghost custom "typography_preset" toggles these on ). */ .font-editorial-sans { --font-display: var(--cc-font-sans); } .font-serif-display { --font-display: var(--cc-font-serif); }