/* v2 design tokens. One radius, one motion (D11 form package): every corner
   uses --radius or --radius-sm, every press uses --press, screens crossfade.
   A theme is a token set named by the profile manifest — same six as v1. */

:root {
  /* dark (Phil) */
  --bg: #0b0d12;
  --surface: #141821;
  --surface-2: #1b2130;
  --surface-3: #242c3d;
  --line: #242c3d;
  --text: #e8ecf4;
  --text-dim: #8b95a8;
  --accent: #4f8cff;
  --accent-2: #7db0ff;
  --ok: #34d399;
  --danger: #f87171;
  --glow: rgba(79, 140, 255, .45);

  --radius: 16px;
  --radius-sm: 10px;
  --press: scale(.965);
  --fade: 180ms ease;
  --touch: 44px;
  --gutter: 34px;     /* breathing room between content and the screen edge */

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --shadow: 0 10px 32px rgba(0, 0, 0, .45);
}

[data-theme="light"] {
  --bg: #f2f4f8; --surface: #ffffff; --surface-2: #eef1f6; --surface-3: #e2e7ef;
  --line: #d9dfe9; --text: #1b2330; --text-dim: #66707f;
  --accent: #2f6fe4; --accent-2: #5b8ff0; --glow: rgba(47, 111, 228, .35);
  --shadow: 0 10px 28px rgba(20, 30, 50, .14);
}

/* Kid palettes — high-contrast, playful; layout scaling comes from body.kid */
[data-theme="kid_sunset"] {
  --bg: #2b1055; --surface: #3c1a6e; --surface-2: #4c2585; --surface-3: #5d319d;
  --line: #5d319d; --text: #fff7ed; --text-dim: #d8b4fe;
  --accent: #fb923c; --accent-2: #fdba74; --glow: rgba(251, 146, 60, .5);
}
[data-theme="kid_ocean"] {
  --bg: #062c43; --surface: #0a3a58; --surface-2: #0e4a6e; --surface-3: #135a85;
  --line: #135a85; --text: #ecfeff; --text-dim: #7dd3fc;
  --accent: #22d3ee; --accent-2: #67e8f9; --glow: rgba(34, 211, 238, .5);
}
[data-theme="kid_lime"] {
  --bg: #1a2e05; --surface: #24400a; --surface-2: #2f5310; --surface-3: #3b6716;
  --line: #3b6716; --text: #f7fee7; --text-dim: #bef264;
  --accent: #a3e635; --accent-2: #d9f99d; --glow: rgba(163, 230, 53, .5);
}
[data-theme="kid_bubblegum"] {
  --bg: #500724; --surface: #6b0f33; --surface-2: #861843; --surface-3: #a12253;
  --line: #a12253; --text: #fdf2f8; --text-dim: #f9a8d4;
  --accent: #f472b6; --accent-2: #f9a8d4; --glow: rgba(244, 114, 182, .5);
}