/* Canonical Midollar V1 runtime tokens. Keep component rules in their domain stylesheets. */
:root {
  --bg: #081018;
  --bg-2: #0c1620;
  --bg-accent: #0d1722;
  --bg-glow-1: rgba(24, 212, 183, 0.16);
  --bg-glow-2: rgba(93, 140, 255, 0.14);
  --surface: rgba(16, 24, 34, 0.94);
  --surface-strong: rgba(13, 21, 31, 0.98);
  --surface-soft: rgba(255, 255, 255, 0.07);
  --surface-soft-strong: rgba(255, 255, 255, 0.11);
  --surface-card: linear-gradient(180deg, rgba(21, 31, 42, 0.96), rgba(15, 22, 32, 0.94));
  --surface-card-strong: linear-gradient(145deg, rgba(14, 22, 31, 0.98), rgba(10, 16, 24, 0.98));
  --surface-card-success: linear-gradient(145deg, rgba(12, 28, 23, 0.96), rgba(10, 20, 19, 0.96));
  --surface-sidebar: linear-gradient(180deg, rgba(10, 16, 24, 0.94), rgba(9, 14, 21, 0.9));
  --surface-hero: radial-gradient(circle at top left, rgba(24, 212, 183, 0.12), transparent 32%), linear-gradient(145deg, rgba(12, 20, 30, 0.98), rgba(8, 14, 22, 0.98));
  --field-bg: rgba(12, 18, 26, 0.92);
  --field-bg-strong: linear-gradient(180deg, rgba(14, 23, 31, 0.98), rgba(11, 17, 24, 0.96));
  --field-arrow: rgba(255, 255, 255, 0.82);
  --option-bg: #f6f8fb;
  --option-text: #102031;
  --overlay-bg: rgba(4, 9, 14, 0.62);
  --flash-info-bg: rgba(93, 140, 255, 0.16);
  --flash-info-text: #b7cbff;
  --flash-warning-bg: rgba(246, 178, 84, 0.16);
  --flash-warning-text: #ffd9a8;
  --flash-warning-stroke: rgba(246, 178, 84, 0.28);
  --stroke: rgba(151, 175, 198, 0.12);
  --stroke-strong: rgba(111, 234, 219, 0.16);
  --text: #edf4ff;
  --muted: #97aabd;
  --accent: #18d4b7;
  --accent-soft: rgba(24, 212, 183, 0.14);
  --accent-2: #5d8cff;
  --status-warn-bg: rgba(209, 168, 53, 0.18);
  --status-warn-text: #f2d46d;
  --status-ok-bg: rgba(71, 212, 141, 0.18);
  --status-ok-text: #93f2be;
  --status-stop-bg: rgba(168, 58, 58, 0.18);
  --status-stop-text: #ff9d9d;
  --status-work-bg: rgba(255, 124, 82, 0.16);
  --status-work-text: #ffb18f;
  --chip-active-bg: linear-gradient(135deg, rgba(24, 212, 183, 0.22), rgba(93, 140, 255, 0.22));
  --chip-active-bg-hover: linear-gradient(135deg, rgba(24, 212, 183, 0.26), rgba(93, 140, 255, 0.26));
  --chip-active-text: #f3fbff;
  --primary-button-bg: linear-gradient(135deg, var(--accent), var(--accent-2));
  --primary-button-text: #081018;
  --shadow: 0 28px 70px rgba(0, 0, 0, 0.35);
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 14px;
}

body[data-theme="light-warm"] {
  --bg: #f4efe7;
  --bg-2: #ece4d9;
  --bg-accent: #f8f2e9;
  --bg-glow-1: rgba(207, 154, 76, 0.16);
  --bg-glow-2: rgba(14, 157, 136, 0.12);
  --surface: rgba(255, 250, 244, 0.9);
  --surface-strong: rgba(252, 247, 241, 0.98);
  --surface-soft: rgba(109, 86, 62, 0.08);
  --surface-soft-strong: rgba(109, 86, 62, 0.12);
  --surface-card: linear-gradient(180deg, rgba(255, 250, 244, 0.96), rgba(248, 241, 233, 0.96));
  --surface-card-strong: linear-gradient(145deg, rgba(255, 250, 244, 0.98), rgba(243, 235, 225, 0.98));
  --surface-card-success: linear-gradient(145deg, rgba(233, 246, 238, 0.98), rgba(242, 250, 245, 0.98));
  --surface-sidebar: linear-gradient(180deg, rgba(255, 249, 242, 0.96), rgba(244, 236, 226, 0.92));
  --surface-hero: radial-gradient(circle at top left, rgba(207, 154, 76, 0.12), transparent 34%), linear-gradient(145deg, rgba(255, 250, 244, 0.98), rgba(244, 236, 226, 0.96));
  --field-bg: rgba(255, 252, 247, 0.96);
  --field-bg-strong: linear-gradient(180deg, rgba(255, 252, 247, 0.98), rgba(248, 241, 233, 0.98));
  --field-arrow: rgba(63, 49, 35, 0.76);
  --option-bg: #fffaf4;
  --option-text: #241a12;
  --overlay-bg: rgba(80, 58, 35, 0.22);
  --flash-info-bg: rgba(72, 120, 207, 0.14);
  --flash-info-text: #395f99;
  --flash-warning-bg: rgba(207, 154, 76, 0.16);
  --flash-warning-text: #8b5f18;
  --flash-warning-stroke: rgba(207, 154, 76, 0.22);
  --stroke: rgba(120, 97, 74, 0.16);
  --stroke-strong: rgba(14, 157, 136, 0.22);
  --text: #241a12;
  --muted: #736252;
  --accent: #0e9d88;
  --accent-soft: rgba(14, 157, 136, 0.12);
  --accent-2: #c58b2e;
  --status-warn-bg: rgba(207, 154, 76, 0.16);
  --status-warn-text: #8b5f18;
  --status-ok-bg: rgba(59, 168, 118, 0.14);
  --status-ok-text: #236d4f;
  --status-stop-bg: rgba(189, 92, 92, 0.12);
  --status-stop-text: #8f3b3b;
  --status-work-bg: rgba(214, 128, 72, 0.14);
  --status-work-text: #9c5425;
  --chip-active-bg: linear-gradient(135deg, rgba(14, 157, 136, 0.16), rgba(197, 139, 46, 0.18));
  --chip-active-bg-hover: linear-gradient(135deg, rgba(14, 157, 136, 0.22), rgba(197, 139, 46, 0.24));
  --chip-active-text: #2a1d12;
  --primary-button-bg: linear-gradient(135deg, #149982, #d19d4c);
  --primary-button-text: #241a12;
  --shadow: 0 24px 60px rgba(70, 49, 28, 0.12);
}