/* Shared product web semantic colors. No OS preference: new browsers always start dark. */
:root {
  color-scheme: dark;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --type-title: clamp(20px, 2vw, 28px);
  --fader: #b59bff;
  --fader-track: #2b2440;
  --font-body: 14px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --desk-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --radius: 14px;
  --control-radius: 8px;
  --bg: #0c0e10;
  --panel: #111418;
  --desk-raised: #191e24;
  --input: #101419;
  --hover: #252d36;
  --line: #2c333c;
  --control-border: #566271;
  --line-strong: #738191;
  --text: #dce0e7;
  --muted: #9ca5b2;
  --accent: #49c7d4;
  --accent-text: #9ae5ed;
  --accent-soft: #18323a;
  --accent-border: #438893;
  --on-accent: #07171a;
  --ready: #6ad1a4;
  --ready-soft: #152620;
  --ready-border: #426f5f;
  --on-ready: #10251a;
  --amber: #e7b65e;
  --warning-soft: #251e13;
  --warning-border: #9c793d;
  --danger: #ffb1b5;
  --danger-soft: #321d24;
  --danger-border: #be5a61;
  --danger-solid: #bd2438;
  --danger-hover: #a31d2f;
  --on-danger: #ffffff;
  --grid: #ffffff0d;
  --shadow: #00000026;
  --accent-glow: #49c7d418;
  --warning-glow: #e7b65e30;
  /* Light beams and camera letterboxing retain a dark, neutral viewing field. */
  --preview-bg: #0b0f10;
}
:root[data-theme="light"] {
  color-scheme: light;
  --fader: #7143b9;
  --fader-track: #e3d9f4;
  --bg: #f1f4f6;
  --panel: #ffffff;
  --desk-raised: #e9eef2;
  --input: #ffffff;
  --hover: #dce5eb;
  --line: #c8d2dc;
  --control-border: #7b8998;
  --line-strong: #627181;
  --text: #18232f;
  --muted: #506172;
  --accent: #006b79;
  --accent-text: #005968;
  --accent-soft: #d9f1f4;
  --accent-border: #33818e;
  --on-accent: #ffffff;
  --ready: #176342;
  --ready-soft: #e1f3e8;
  --ready-border: #38815e;
  --on-ready: #ffffff;
  --amber: #795000;
  --warning-soft: #fff2d6;
  --warning-border: #a16c15;
  --danger: #a01d30;
  --danger-soft: #ffe7ea;
  --danger-border: #b43b4c;
  --danger-solid: #bd2438;
  --danger-hover: #a31d2f;
  --grid: #18232f12;
  --shadow: #18232f12;
  --accent-glow: #006b7912;
  --warning-glow: #79500020;
}