:root {
  /* --- Color (LIGHT theme) — black/white base, blue accent ---
     This is a hand-set starting palette matching the locked visual
     direction. The admin-panel seed-color picker (Standards v10,
     Theming Guide, Tier 3 — not built yet) will later let this be
     changed with one click; until then these are the real colors. */
  --color-primary: #0B57D0;
  --color-primary-container: #D3E3FD;
  --color-on-primary: #FFFFFF;
  --color-on-primary-container: #001A41;
  --color-surface: #FFFFFF;
  --color-surface-container: #F3F4F9;
  --color-on-surface: #1A1C1E;
  --color-on-surface-variant: #43474E;
  --color-outline: #C9CCD1;
  --color-error: #B3261E;
  --color-error-container: #F9DEDC;
  --color-success: #146C2E;
  --color-success-container: #DFF3E3;
  --color-warning: #7A5900;
  --color-warning-container: #FFEBB0;

  --font-family-base: 'Google Sans Flex', 'Roboto', system-ui, sans-serif;
  --font-family-reading: Georgia, 'Times New Roman', serif; /* Article body text only — Foundation Spec §25 */
  --font-size-base: 16px;
  --spacing-unit: 8px;
  --radius-base: 12px;
  --radius-pill: 20px;
  --elevation-1: 0 1px 2px rgba(0,0,0,0.08), 0 1px 3px 1px rgba(0,0,0,0.06);
}

[data-theme="dark"] {
  --color-primary: #A8C7FA;
  --color-primary-container: #04305D;
  --color-on-primary: #062E6F;
  --color-on-primary-container: #D3E3FD;
  --color-surface: #131314;
  --color-surface-container: #1E1F20;
  --color-on-surface: #E3E3E3;
  --color-on-surface-variant: #C4C7C5;
  --color-outline: #3C3F41;
  --color-error: #F2B8B5;
  --color-error-container: #601410;
  --color-success: #6DD58C;
  --color-success-container: #0A3818;
  --color-warning: #F2C46C;
  --color-warning-container: #4A3900;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  background: var(--color-surface-container);
  color: var(--color-on-surface);
}

a { color: var(--color-primary); text-decoration: none; }
a:hover { text-decoration: underline; }