/* Design tokens — dark "workshop at night" theme by default; DIY mode swaps to a light, warm theme. */
:root {
  --bg: #0b1220; --bg-2: #0f172a; --surface: #131d33; --surface-2: #19243f; --line: rgba(148, 163, 184, .16); --line-2: rgba(148, 163, 184, .28);
  --text: #e8eefc; --muted: #9fb0c8; --faint: #6b7c97;
  --accent: #22d3ee; --accent-2: #2563eb; --accent-ink: #04201c; --amber: #fbbf24; --good: #34d399; --warn: #fbbf24; --bad: #f87171; --info: #60a5fa;
  --radius: 16px; --radius-sm: 10px; --shadow: 0 10px 30px rgba(2, 6, 23, .45);
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --stage-1: #16264a; --stage-2: #0b1220;
}
body.diy-mode {
  --bg: #fbf6ec; --bg-2: #f6efe0; --surface: #ffffff; --surface-2: #fff8ea; --line: rgba(87, 62, 30, .14); --line-2: rgba(87, 62, 30, .26);
  --text: #2b2118; --muted: #6e5d49; --faint: #9a8a74;
  --accent: #ea580c; --accent-2: #b45309; --accent-ink: #fff; --shadow: 0 10px 28px rgba(120, 80, 20, .14);
  --stage-1: #ffe9c7; --stage-2: #fbf6ec;
}