/* News3000 design tokens (WDD). Light = pastel purple; dark = same hue, no shadows. */
:root {
  --fs-11: 11px;
  --fs-13: 13px;
  --fs-15: 15px;
  --fs-18: 18px;
  --fs-22: 22px;
  --fs-28: 28px;
  --fs-36: 36px;
  --fs-44: 44px;

  --r-s: 6px;
  --r: 10px;
  --r-l: 14px;
  --r-pill: 999px;

  --s-4: 4px;
  --s-6: 6px;
  --s-8: 8px;
  --s-10: 10px;
  --s-12: 12px;
  --s-16: 16px;
  --s-20: 20px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-64: 64px;
  --gap: var(--s-16);

  --f: Geist, system-ui, sans-serif;
  --m: "Geist Mono", ui-monospace, monospace;
  --font-ui: var(--f);
  --font-news: var(--f);

  --bg: #F7F4FB;
  --surface: #FFFFFF;
  --surface2: #F0EAF8;
  --surface3: #E8E0F2;
  --card: var(--surface);
  --ink: #120B1F;
  --text: var(--ink);
  --muted: #5E5868;
  --line: #E4DCEC;
  --border: var(--line);
  --accent: #6D3FD1;
  --accent-fill: #6D3FD1;
  --on-accent: #FFFFFF;
  --accent-bg: #EDE6F8;
  --success: #0F9D58;
  --chip-bg: #EFE9F8;
  --warn: #C2410C;
  --bad: #C43C3C;
  --brand-ring: rgba(0, 0, 0, 0.12);
  --shadow-1: 0 1px 2px rgba(18, 11, 31, 0.06);
  --shadow-2: 0 4px 12px rgba(18, 11, 31, 0.08);
  --shadow-3: 0 10px 28px rgba(18, 11, 31, 0.10);

  --acc: var(--accent);
  --mut: var(--muted);
  --up: var(--success);
  --ok: var(--success);
}

html[data-theme="light"] {
  --bg: #F7F4FB;
  --surface: #FFFFFF;
  --surface2: #F0EAF8;
  --surface3: #E8E0F2;
  --card: var(--surface);
  --ink: #120B1F;
  --text: var(--ink);
  --muted: #5E5868;
  --line: #E4DCEC;
  --border: var(--line);
  --accent: #6D3FD1;
  --accent-fill: #6D3FD1;
  --on-accent: #FFFFFF;
  --accent-bg: #EDE6F8;
  --success: #0F9D58;
  --chip-bg: #EFE9F8;
  --warn: #C2410C;
  --bad: #C43C3C;
  --brand-ring: rgba(0, 0, 0, 0.12);
  --shadow-1: 0 1px 2px rgba(18, 11, 31, 0.06);
  --shadow-2: 0 4px 12px rgba(18, 11, 31, 0.08);
  --shadow-3: 0 10px 28px rgba(18, 11, 31, 0.10);
  --acc: var(--accent);
  --mut: var(--muted);
  --up: var(--success);
  --ok: var(--success);
}

html[data-theme="dark"] {
  --bg: #120B1F;
  --surface: #1A122C;
  --surface2: #241A3A;
  --surface3: #2E2248;
  --card: var(--surface);
  --ink: #F4F0FA;
  --text: var(--ink);
  --muted: #9A90B0;
  --line: #3A2D52;
  --border: var(--line);
  --accent: #B794F6;
  --accent-fill: #6D3FD1;
  --on-accent: #FFFFFF;
  --accent-bg: #241A3A;
  --success: #3DDC97;
  --chip-bg: #241A3A;
  --warn: #FFB454;
  --bad: #E05656;
  --brand-ring: rgba(255, 255, 255, 0.24);
  --shadow-1: none;
  --shadow-2: none;
  --shadow-3: none;
  --acc: var(--accent);
  --mut: var(--muted);
  --up: var(--success);
  --ok: var(--success);
}