:root,
html[data-theme="dark"] {
  --stage: #0b0e14;
  --panel: #151a24;
  --panel-raised: #1e2530;
  --panel-soft: #11161f;
  --panel-line: #2a3140;
  --panel-line-strong: #3b4659;
  --text: #e8ecf2;
  --text-muted: #97a1b4;
  --text-faint: #687286;
  --accent: #ff9f1c;
  --accent-ink: #181007;
  --accent-soft: rgba(255, 159, 28, 0.14);
  --accent-2: #2fe6d6;
  --accent-2-soft: rgba(47, 230, 214, 0.14);
  --danger: #ff5866;
  --danger-soft: rgba(255, 88, 102, 0.14);
  --warning: #ffc857;
  --warning-soft: rgba(255, 200, 87, 0.14);
  --success: #4ade80;
  --success-soft: rgba(74, 222, 128, 0.14);
  --shadow-lift: 0 12px 36px rgba(0, 0, 0, 0.34);
  --shadow-drawer: -18px 0 48px rgba(0, 0, 0, 0.42);
  --focus-ring: 0 0 0 3px var(--accent-soft), 0 0 0 1px var(--accent);
  --radius-sm: 7px;
  --radius-md: 11px;
  --radius-lg: 15px;
}

html[data-theme="light"] {
  --stage: #f5f1e8;
  --panel: #ffffff;
  --panel-raised: #fff9ee;
  --panel-soft: #f8f3e9;
  --panel-line: #e4dcc8;
  --panel-line-strong: #cfc4ac;
  --text: #1b1f27;
  --text-muted: #5c6270;
  --text-faint: #858b98;
  --accent: #d9720a;
  --accent-ink: #ffffff;
  --accent-soft: rgba(217, 114, 10, 0.12);
  --accent-2: #087f91;
  --accent-2-soft: rgba(8, 127, 145, 0.12);
  --danger: #cf2d43;
  --danger-soft: rgba(207, 45, 67, 0.1);
  --warning: #a86800;
  --warning-soft: rgba(168, 104, 0, 0.1);
  --success: #15803d;
  --success-soft: rgba(21, 128, 61, 0.1);
  --shadow-lift: 0 12px 36px rgba(27, 31, 39, 0.1);
  --shadow-drawer: -18px 0 48px rgba(27, 31, 39, 0.18);
  --focus-ring: 0 0 0 3px var(--accent-soft), 0 0 0 1px var(--accent);
}

/* Round 6 state colors and themed form controls */
:root,
html[data-theme="dark"] {
  --state-green: #4ade80;
  --state-green-soft: rgba(74, 222, 128, 0.15);
  --state-yellow: #ffd166;
  --state-yellow-soft: rgba(255, 209, 102, 0.16);
  --state-orange: #ff9f1c;
  --state-orange-soft: rgba(255, 159, 28, 0.16);
  --state-red: #ff6473;
  --state-red-soft: rgba(255, 100, 115, 0.16);
  --checkbox-bg: #202735;
  --checkbox-border: #59657a;
  --checkbox-check: #181007;
}

html[data-theme="light"] {
  --state-green: #0b6b35;
  --state-green-soft: #d9f5e3;
  --state-yellow: #795400;
  --state-yellow-soft: #fff0b8;
  --state-orange: #a84f00;
  --state-orange-soft: #ffe0c2;
  --state-red: #b51f38;
  --state-red-soft: #ffdbe1;
  --checkbox-bg: #ffffff;
  --checkbox-border: #8f98a8;
  --checkbox-check: #ffffff;
}