:root {
  color-scheme: light;
  --surface-canvas: 248 250 252;
  --surface-base: 255 255 255;
  --surface-subtle: 241 245 249;
  --surface-muted: 226 232 240;
  --surface-raised: 255 255 255;
  --border-subtle: 226 232 240;
  --border-strong: 203 213 225;
  --border-control: 125 141 163;
  --text-primary: 15 23 42;
  --text-secondary: 71 85 105;
  --text-tertiary: 100 116 139;
  --accent: 37 99 235;
  --accent-hover: 29 78 216;
  --accent-soft: 219 234 254;
  --accent-solid: 37 99 235;
  --accent-solid-hover: 29 78 216;
  --accent-foreground: 255 255 255;
  --danger-solid: 185 28 28;
  --danger-solid-hover: 153 27 27;
  --danger-foreground: 255 255 255;
  --focus-ring: 37 99 235;
  --field-focus-ring-opacity: 0.14;
  --priority-low: 100 116 139;
  --priority-normal: 37 99 235;
  --priority-high: 217 119 6;
  --priority-urgent: 220 38 38;
  --status-new: 124 58 237;
  --status-open: 37 99 235;
  --status-waiting: 217 119 6;
  --status-on-hold: 100 116 139;
  --status-solved: 22 163 74;
  --status-closed: 100 116 139;
  --sla-ok: 22 163 74;
  --sla-warn: 180 83 9;
  --sla-warn-soft: 255 251 235;
  --sla-warn-border: 253 230 138;
  --sla-breach: 185 28 28;
  --sla-breach-soft: 254 242 242;
  --sla-breach-border: 254 202 202;
  --note-surface: 255 251 235;
  --note-border: 253 230 138;
  --danger-soft: 254 226 226;
  --kb-info-bg: 239 246 255;
  --kb-info-border: 29 78 216;
  --kb-tip-bg: 240 253 244;
  --kb-tip-border: 21 128 61;
  --kb-important-bg: 245 243 255;
  --kb-important-border: 109 40 217;
  --kb-warning-bg: 255 251 235;
  --kb-warning-border: 146 64 14;
  --kb-code-bg: 15 23 42;
  --kb-code-text: 241 245 249;
  --kb-diff-added: 220 252 231;
  --kb-diff-added-text: 21 128 61;
  --shadow-card: 0 1px 2px rgb(15 23 42 / 0.08);
  --shadow-popover: 0 14px 34px rgb(15 23 42 / 0.16);
  --radius: 6px;
  --space-unit: 4px;
  --nav-width: 56px;
  --queue-width: 360px;
  --context-width: 320px;
}

.dark {
  color-scheme: dark;
  --surface-canvas: 9 14 25;
  --surface-base: 15 23 42;
  --surface-subtle: 24 34 52;
  --surface-muted: 40 52 72;
  --surface-raised: 24 34 52;
  --border-subtle: 43 57 78;
  --border-strong: 71 85 105;
  --border-control: 90 106 128;
  --text-primary: 241 245 249;
  --text-secondary: 203 213 225;
  --text-tertiary: 148 163 184;
  --accent: 96 165 250;
  --accent-hover: 147 197 253;
  --accent-soft: 30 58 95;
  --accent-solid: 37 99 235;
  --accent-solid-hover: 29 78 216;
  --accent-foreground: 255 255 255;
  --danger-solid: 185 28 28;
  --danger-solid-hover: 220 38 38;
  --danger-foreground: 255 255 255;
  --focus-ring: 96 165 250;
  --field-focus-ring-opacity: 0.2;
  --priority-low: 148 163 184;
  --priority-normal: 96 165 250;
  --priority-high: 251 191 36;
  --priority-urgent: 248 113 113;
  --status-new: 167 139 250;
  --status-open: 96 165 250;
  --status-waiting: 251 191 36;
  --status-on-hold: 148 163 184;
  --status-solved: 74 222 128;
  --status-closed: 148 163 184;
  --sla-ok: 74 222 128;
  --sla-warn: 252 211 77;
  --sla-warn-soft: 69 50 10;
  --sla-warn-border: 146 64 14;
  --sla-breach: 252 165 165;
  --sla-breach-soft: 69 10 10;
  --sla-breach-border: 153 27 27;
  --note-surface: 50 39 16;
  --note-border: 113 78 17;
  --danger-soft: 69 26 31;
  --kb-info-bg: 20 40 70;
  --kb-info-border: 37 99 235;
  --kb-tip-bg: 16 52 35;
  --kb-tip-border: 21 128 61;
  --kb-important-bg: 46 30 78;
  --kb-important-border: 109 40 217;
  --kb-warning-bg: 61 42 12;
  --kb-warning-border: 146 64 14;
  --kb-code-bg: 2 6 23;
  --kb-code-text: 241 245 249;
  --kb-diff-added: 16 52 35;
  --kb-diff-added-text: 134 239 172;
  --shadow-card: 0 1px 2px rgb(0 0 0 / 0.35);
  --shadow-popover: 0 18px 38px rgb(0 0 0 / 0.38);
}