/*
 * cloudboiler — design tokens
 * Source: ~/public_html/html/index.html lines 12-58, extracted in Phase 2.
 * :root holds the dark-theme defaults; [data-theme="light"] flips them.
 */

/* ============ TOKENS ============ */
:root, [data-theme="dark"] {
  --bg: #0a0a0a;
  --bg-2: #0f0f0f;
  --bg-3: #161616;
  --paper: #f4f1ec;
  --ink: #0a0a0a;
  --line: rgba(244,241,236,0.10);
  --line-strong: rgba(244,241,236,0.22);
  --dim: rgba(244,241,236,0.55);
  --dim-2: rgba(244,241,236,0.72);
  --ember: #e87a3a;
  --steam: #6aa3c8;
  --nav-bg: rgba(15,15,15,0.7);
  --hover-bg: rgba(244,241,236,0.04);
  --diagram-bg-from: var(--bg-2);
  --diagram-bg-to: var(--bg);
  --visual-bg: #050505;
  --tank-cap: var(--paper);
  --zone-sep: #0a0a0a;
  --gpu-on-text: #0f0f0f;
  --display: "Space Grotesk", "Helvetica Neue", arial, sans-serif;
  --serif: "Instrument Serif", "Times New Roman", serif;
  --body: "Space Grotesk", "Helvetica Neue", arial, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, menlo, monospace;
}

[data-theme="light"] {
  --bg: #f4f1ec;
  --bg-2: #ebe7df;
  --bg-3: #ddd8cc;
  --paper: #0f0f0f;
  --ink: #f4f1ec;
  --line: rgba(15,15,15,0.10);
  --line-strong: rgba(15,15,15,0.22);
  --dim: rgba(15,15,15,0.55);
  --dim-2: rgba(15,15,15,0.72);
  --ember: #c45a1a;
  --steam: #3d7a9e;
  --nav-bg: rgba(244,241,236,0.7);
  --hover-bg: rgba(15,15,15,0.04);
  --diagram-bg-from: #ebe7df;
  --diagram-bg-to: #f4f1ec;
  --visual-bg: #e6e1d6;
  --tank-cap: #0f0f0f;
  --zone-sep: #f4f1ec;
}