/* ============================================================ STARTNEWLIFE — brand tokens (theme-snl) Source: Mendee Design System / Colors · Brand primary "StartNewLife charity · Sage + Ochre · calming" Sage #3E8C6B — Reassurance · primary Ochre #E89A3D — Warm accent Clay #B94A3C — Quick-exit · urgent Linen-300 #FDF8EE — Whole-site warm background Navy #314272 — Secondary ink / text-on-ochre Fonts stay Unbounded (display) + Golos Text (body) — that's what explorations/startnewlife-*.html use. ============================================================ */ .theme-snl { /* ---------- Ink scale ---------- */ --snl-ink: #1A2235; /* primary text */ --snl-ink-2: #42506B; /* secondary text */ --snl-ink-3: #6F7A8E; /* tertiary / muted */ /* ---------- Brand accents ---------- */ --snl-sage: #3E8C6B; --snl-sage-700: #22604A; --snl-sage-100: #DFF0E6; --snl-ochre: #E89A3D; --snl-ochre-d: #C87D22; --snl-ochre-100: #FBEDD5; --snl-clay: #B94A3C; --snl-clay-100: #F7E1DC; --snl-navy: #314272; /* secondary navy */ /* ---------- Surfaces ---------- */ --snl-linen: #F6E9DF; --snl-linen-300: #FDF8EE; --snl-paper: #FFFFFF; --snl-border: #E9DFCC; --snl-border-st: #D4C5A6; /* ---------- Back-compat shims ---------- Legacy style.css/hub.css reference --purple, --dark, --yellow, --gold, --bg, --text. Remap them to the SNL palette so adding .theme-snl to reskins all 119 pages without editing markup. Sage becomes the primary brand colour (was purple); Ochre replaces gold; ink replaces dark. */ --dark: var(--snl-ink); --purple: var(--snl-sage); --purple-light: var(--snl-sage-700); --lavender: var(--snl-sage-100); --lavender-soft: var(--snl-sage-100); --gold: var(--snl-ochre); --yellow: var(--snl-ochre); --yellow-soft: var(--snl-ochre-100); --bg: var(--snl-linen-300); --white: var(--snl-paper); --text: var(--snl-ink); --text-secondary: var(--snl-ink-2); --text-muted: var(--snl-ink-3); }