/* Light theme for the STATIC blog posts (/blog/*.html) — Design Constitution
   VI-18 (rev. 2026-09-24). Posts keep their own :root palette as the dark
   theme; this file only adds :root[data-theme="light"], which out-ranks the
   posts' :root rules regardless of order. Shared by every post, so the light
   look can be tuned here without touching 179 files.
   Palette = the site's light theme: X structure (white, hairlines, one sans)
   with the owner's navy #03045E as chrome. In posts --brand also means "up"
   (bars, .up, bull column), so in light it is the site's readable green. */

@font-face {
  font-family: 'SL Geist'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url('/fonts/geist-latin-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'SL Geist'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url('/fonts/geist-latin-ext-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root[data-theme="light"] {
  color-scheme: light;
  --ground: #FFFFFF;
  --surface: #F7F9F9;
  --surface2: #EFF3F4;
  --line: #E1E8ED;
  --ink: #0F1419;
  --ink2: #536471;
  --ink3: #536471;
  --brand: #007A51;
  --brand-dim: #006644;
  --warn: #A34B08;
  --down: #C8162A;
  --sans: 'SL Geist', system-ui, -apple-system, sans-serif;
  --mono: 'SL Geist', system-ui, -apple-system, sans-serif;
}

/* X type system: one sans, aligned figures, sentence case, normal tracking */
:root[data-theme="light"] body { font-variant-numeric: tabular-nums; }
:root[data-theme="light"] body * { letter-spacing: normal !important; text-transform: none !important; }
:root[data-theme="light"] svg text { font-family: 'SL Geist', system-ui, -apple-system, sans-serif; }

/* Chrome in navy (links, masthead, eyebrows, tags); --brand stays data green */
:root[data-theme="light"] a,
:root[data-theme="light"] .mast .brand b,
:root[data-theme="light"] .eyebrow { color: #03045E; }
:root[data-theme="light"] .redesign-tag { background: #03045E; color: #FFFFFF; }

/* Two colours the chart script hard-codes for its dark ground */
:root[data-theme="light"] svg circle[stroke="#0a0b0d"] { stroke: var(--ground); }
:root[data-theme="light"] svg text[fill="#e9edef"] { fill: var(--ink); }