/* amplifi-ci tokens. GENERATED by tools/gen_tokens.py: edit the table there.
 * Triplets are HSL so Tailwind's hsl(var(--x) / a) keeps working. Each carries its exact hex. */
:root {
  --brand-coral: #ff695e; --brand-lime: #d4df2b; --brand-yellow: #ffc33e; --brand-orange: #fe750b; --brand-violet: #8a88f3;
  --brand-bass: #743e1c; --brand-blue: #333deb; --brand-soft-pause: #f7f1f1; --brand-ink: #12121e;
  /* The KPI sequence (artboards 6 to 9): each card's icon blob takes the next core colour. */
  --hue-1: #ff695e; --hue-2: #8a88f3; --hue-3: #fe750b; --hue-4: #ffc33e; --hue-5: #d4df2b; --hue-6: #333deb;
  --grad-heatwave: linear-gradient(90deg, #ff695e 45%, #fe750b 100%); /* provisional: plan 4.3.7, angle and direction */
  --grad-coral-edge: linear-gradient(90deg, #ff695e 85%, #fe750b 100%); /* ruling 5 Nov 2026: light sidebar and hero */
  --radius: .75rem; --radius-card: 1rem; --radius-panel: 1.25rem; /* provisional: plan 4.3.13, radius scale */
  --font-body: 'Quicksand', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Hugsallroundfn', 'Quicksand', system-ui, sans-serif;
  --font-num: 'Amplifi Num', 'Quicksand', system-ui, sans-serif; /* provisional: plan 4.3.10, Inter digits */
  --background: 0.00 27.27% 95.69%; /* #f7f1f1 */
  --foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.1, skin option, black type */
  --card: 0.00 100.00% 99.61%; /* #fffdfd */
  --card-foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.1, skin option, black type */
  --popover: 0.00 100.00% 99.61%; /* #fffdfd */
  --popover-foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.1, skin option, black type */
  --primary: 4.10 100.00% 68.43%; /* #ff695e provisional: plan 4.2.2, coral value */
  --primary-foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.2, ink on coral */
  --primary-text: 5.00 63.93% 47.84%; /* #c8392c provisional: plan 4.3.3, Coral Ink */
  --secondary: 0.00 21.95% 91.96%; /* #efe6e6 provisional: plan 4.3.4, new colours */
  --secondary-foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.4, new colours */
  --muted: 0.00 21.95% 91.96%; /* #efe6e6 provisional: plan 4.3.4, new colours */
  --muted-foreground: 278.18 6.08% 35.49%; /* #5c5560 provisional: plan 4.3.4, new colours */
  --accent: 4.09 100.00% 82.75%; /* #ffada7 provisional: plan 4.3.6, selected, hover, borders */
  --accent-foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.6, selected, hover, borders */
  --hover: 0.00 21.95% 91.96%; /* #efe6e6 provisional: plan 4.3.6, selected, hover, borders */
  --attention: 4.09 100.00% 82.75%; /* #ffada7 provisional: plan 4.3.6, selected, hover, borders */
  --attention-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.6, selected, hover, borders */
  --attention-border: 4.09 100.00% 82.75%; /* #ffada7 provisional: plan 4.3.6, selected, hover, borders */
  --destructive: 327.62 79.75% 30.98%; /* #8e1054 provisional: plan 4.3.5, destructive */
  --destructive-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.5, destructive */
  --danger: 327.62 79.75% 30.98%; /* #8e1054 provisional: plan 4.3.5, destructive */
  --danger-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.5, destructive */
  --success: 131.00 38.96% 30.20%; /* #2f6b3a provisional: plan 4.3.4, new colours */
  --success-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.4, new colours */
  --warning: 39.13 100.00% 27.06%; /* #8a5a00 provisional: plan 4.3.4, new colours */
  --warning-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.4, new colours */
  --info: 236.74 82.14% 56.08%; /* #333deb provisional: plan 4.3.4, new colours */
  --info-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.4, new colours */
  --border: 0.00 16.42% 86.86%; /* #e3d8d8 provisional: plan 4.3.6, selected, hover, borders */
  --card-border: 0.00 100.00% 99.61%; /* #fffdfd provisional: plan 4.3.6, selected, hover, borders */
  --card-inset: 345.00 33.33% 97.65%; /* #fbf7f8 provisional: plan 4.3.6, selected, hover, borders */
  --primary-hover: 4.72 100.00% 75.10%; /* #ff8a80 provisional: plan 4.3.6, selected, hover, borders */
  --kpi: 0.00 100.00% 99.61%; /* #fffdfd */
  --kpi-value: 5.00 63.93% 47.84%; /* #c8392c provisional: plan 4.3.6, selected, hover, borders */
  --topbar-title: 5.00 63.93% 47.84%; /* #c8392c provisional: plan 4.3.6, selected, hover, borders */
  --input: 330.00 3.94% 50.20%; /* #857b80 provisional: plan 4.3.6, selected, hover, borders */
  --ring: 236.74 82.14% 56.08%; /* #333deb provisional: plan 4.3.4, new colours */
  --pill-ok: 63.67 73.77% 52.16%; /* #d4df2b */
  --pill-warn: 26.17 99.18% 51.96%; /* #fe750b */
  --pill-danger: 4.10 100.00% 68.43%; /* #ff695e */
  --pill-info: 241.12 81.68% 74.31%; /* #8a88f3 */
  --pill-neutral: 330.00 3.94% 50.20%; /* #857b80 provisional: plan 4.3.12, pills */
  --pill-foreground: 240.00 25.00% 9.41%; /* #12121e */
  --pill-ok-fill: 64.14 74.36% 84.71%; /* #f1f5bb */
  --pill-warn-fill: 26.15 100.00% 84.71%; /* #ffd3b1 */
  --pill-danger-fill: 3.53 100.00% 90.00%; /* #ffcfcc */
  --pill-info-fill: 241.76 80.95% 91.76%; /* #dad9fb */
  --pill-neutral-fill: 340.00 3.70% 84.12%; /* #d8d5d6 provisional: plan 4.3.12, pills */
  --hue-1-text: 5.00 63.93% 47.84%; /* #c8392c provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
  --hue-2-text: 241.19 81.62% 63.73%; /* #5a57ee provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
  --hue-3-text: 26.15 98.90% 35.49%; /* #b44f01 provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
  --hue-4-text: 41.51 100.00% 28.63%; /* #926500 provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
  --hue-5-text: 63.71 74.05% 25.69%; /* #6c7211 provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
  --hue-6-text: 236.74 82.14% 56.08%; /* #333deb provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
  --kpi-label: 240.00 25.00% 9.41%; /* #12121e */
  --live-text: 5.00 63.93% 47.84%; /* #c8392c provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
  --avatar: 0.00 27.27% 95.69%; /* #f7f1f1 */
  --avatar-foreground: 4.10 100.00% 68.43%; /* #ff695e provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
  --chart-1: 5.00 63.93% 47.84%; /* #c8392c provisional: plan 4.3.4, new colours */
  --chart-2: 236.74 82.14% 56.08%; /* #333deb provisional: plan 4.3.4, new colours */
  --chart-3: 34.97 100.00% 31.96%; /* #a35f00 provisional: plan 4.3.4, new colours */
  --chart-4: 187.59 100.00% 30.98%; /* #008a9e provisional: plan 4.3.4, new colours */
  --chart-5: 288.32 54.59% 40.59%; /* #8a2fa0 provisional: plan 4.3.4, new colours */
  --chart-track: 0.00 21.95% 91.96%; /* #efe6e6 provisional: plan 4.3.4, new colours */
  --sidebar-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan R5N, ruling 5 Nov 2026, white on the light sidebar and hero (option B) */
  --sidebar-muted: 0.00 0.00% 100.00%; /* #ffffff provisional: plan R5N, ruling 5 Nov 2026, white on the light sidebar and hero (option B) */
  --sidebar-ring: 0.00 0.00% 100.00%; /* #ffffff provisional: plan R5N, ruling 5 Nov 2026, white on the light sidebar and hero (option B) */
  --sidebar-active-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan R5N, ruling 5 Nov 2026, white on the light sidebar and hero (option B) */
  --hero-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan R5N, ruling 5 Nov 2026, white on the light sidebar and hero (option B) */
  color-scheme: light;
  --topbar-line: #ff695e;
  /* provisional: plan 4.3.7 gradient, 4.3.8 dark sidebar, and 4.3.2 for the ink-based values */
  /* Ruling 5 Nov 2026 (option B): white on coral, for the artboard look; below AA, chosen knowingly. Same day, later:
     the sidebar is flat On-Air Coral (the orange edge read as a peach strip); the hero keeps the coral-edge gradient. */
  --sidebar-background: #ff695e;
  --hero-background: var(--grad-coral-edge);
  --sidebar-border: rgba(255, 255, 255, .38);
  --sidebar-active: rgba(255, 255, 255, .14);
  --sidebar-active-border: rgba(255, 255, 255, .9);
  --sidebar-hover: rgba(255, 255, 255, .14);
}

.dark, [data-theme="dark"] {
  --background: 0.00 0.00% 0.00%; /* #000000 provisional: plan 4.4.4, dark palette */
  --foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.1, skin option, black type */
  --card: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.4.4, dark palette */
  --card-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.1, skin option, black type */
  --popover: 240.00 24.39% 16.08%; /* #1f1f33 provisional: plan 4.4.4, dark palette */
  --popover-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.1, skin option, black type */
  --primary: 4.10 100.00% 68.43%; /* #ff695e provisional: plan 4.2.2, coral value */
  --primary-foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.2, ink on coral */
  --primary-text: 4.10 100.00% 68.43%; /* #ff695e provisional: plan 4.3.3, Coral Ink */
  --secondary: 240.00 24.39% 16.08%; /* #1f1f33 provisional: plan 4.3.4, new colours */
  --secondary-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.4, new colours */
  --muted: 240.00 24.39% 16.08%; /* #1f1f33 provisional: plan 4.3.4, new colours */
  --muted-foreground: 257.65 11.89% 71.96%; /* #b4afc0 provisional: plan 4.3.4, new colours */
  --accent: 358.24 37.36% 35.69%; /* #7d393b provisional: plan 4.3.6, selected, hover, borders */
  --accent-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.6, selected, hover, borders */
  --hover: 240.00 24.39% 16.08%; /* #1f1f33 provisional: plan 4.3.6, selected, hover, borders */
  --attention: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.6, selected, hover, borders */
  --attention-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.6, selected, hover, borders */
  --attention-border: 241.00 26.55% 44.31%; /* #54538f provisional: plan 4.3.6, selected, hover, borders */
  --destructive: 323.60 100.00% 82.55%; /* #ffa6dc provisional: plan 4.3.5, destructive */
  --destructive-foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.5, destructive */
  --danger: 323.60 100.00% 82.55%; /* #ffa6dc provisional: plan 4.3.5, destructive */
  --danger-foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.5, destructive */
  --success: 133.25 52.38% 71.18%; /* #8fdca0 provisional: plan 4.3.4, new colours */
  --success-foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.4, new colours */
  --warning: 35.68 87.06% 66.67%; /* #f4b860 provisional: plan 4.3.4, new colours */
  --warning-foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.4, new colours */
  --info: 236.74 100.00% 81.96%; /* #a3a8ff provisional: plan 4.3.4, new colours */
  --info-foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.4, new colours */
  --border: 240.00 20.61% 25.69%; /* #34344f provisional: plan 4.3.6, selected, hover, borders */
  --card-border: 241.00 26.55% 44.31%; /* #54538f provisional: plan 4.3.6, selected, hover, borders */
  --card-inset: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.6, selected, hover, borders */
  --primary-hover: 4.72 100.00% 75.10%; /* #ff8a80 provisional: plan 4.3.6, selected, hover, borders */
  --kpi: 240.00 25.00% 9.41%; /* #12121e */
  --kpi-value: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.6, selected, hover, borders */
  --topbar-title: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.6, selected, hover, borders */
  --input: 241.00 26.55% 44.31%; /* #54538f provisional: plan 4.3.6, selected, hover, borders */
  --ring: 241.12 81.68% 74.31%; /* #8a88f3 provisional: plan 4.3.4, new colours */
  --pill-ok: 63.67 73.77% 52.16%; /* #d4df2b */
  --pill-warn: 26.17 99.18% 51.96%; /* #fe750b */
  --pill-danger: 4.10 100.00% 68.43%; /* #ff695e */
  --pill-info: 241.12 81.68% 74.31%; /* #8a88f3 */
  --pill-neutral: 257.65 11.89% 71.96%; /* #b4afc0 provisional: plan 4.3.12, pills */
  --pill-foreground: 0.00 0.00% 100.00%; /* #ffffff */
  --pill-ok-fill: 63.93 46.56% 25.69%; /* #5c6023 */
  --pill-warn-fill: 23.29 64.89% 25.69%; /* #6c3817 */
  --pill-danger-fill: 356.84 35.85% 31.18%; /* #6c3336 */
  --pill-info-fill: 241.25 27.59% 34.12%; /* #403f6f */
  --pill-neutral-fill: 248.57 8.24% 33.33%; /* #504e5c provisional: plan 4.3.12, pills */
  --hue-1-text: 4.10 100.00% 68.43%; /* #ff695e provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
  --hue-2-text: 241.12 81.68% 74.31%; /* #8a88f3 provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
  --hue-3-text: 26.17 99.18% 51.96%; /* #fe750b provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
  --hue-4-text: 41.35 100.00% 62.16%; /* #ffc33e provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
  --hue-5-text: 63.67 73.77% 52.16%; /* #d4df2b provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
  --hue-6-text: 236.84 81.60% 68.04%; /* #6b72f0 provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
  --kpi-label: 0.00 0.00% 100.00%; /* #ffffff */
  --live-text: 0.00 0.00% 100.00%; /* #ffffff provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
  --avatar: 0.00 0.00% 100.00%; /* #ffffff */
  --avatar-foreground: 4.10 100.00% 68.43%; /* #ff695e provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
  --chart-1: 4.15 82.38% 62.16%; /* #ee5a4f provisional: plan 4.3.4, new colours */
  --chart-2: 241.02 79.73% 70.98%; /* #7c7af0 provisional: plan 4.3.4, new colours */
  --chart-3: 43.31 84.08% 39.41%; /* #b98a10 provisional: plan 4.3.4, new colours */
  --chart-4: 186.29 69.76% 40.20%; /* #1f9fae provisional: plan 4.3.4, new colours */
  --chart-5: 58.03 70.11% 34.12%; /* #94901a provisional: plan 4.3.4, new colours */
  --chart-track: 240.00 24.39% 16.08%; /* #1f1f33 provisional: plan 4.3.4, new colours */
  --sidebar-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan R5N, ruling 5 Nov 2026, white on the light sidebar and hero (option B) */
  --sidebar-muted: 0.00 0.00% 100.00%; /* #ffffff provisional: plan R5N, ruling 5 Nov 2026, white on the light sidebar and hero (option B) */
  --sidebar-ring: 0.00 0.00% 100.00%; /* #ffffff provisional: plan R5N, ruling 5 Nov 2026, white on the light sidebar and hero (option B) */
  --sidebar-active-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan R5N, ruling 5 Nov 2026, white on the light sidebar and hero (option B) */
  --hero-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan R5N, ruling 5 Nov 2026, white on the light sidebar and hero (option B) */
  color-scheme: dark;
  /* Ruling 5 Nov 2026, dark option A ("Artboard dark"): After Hours sidebar and cards, Echo Violet lines, the hero as light. */
  /* Ruling 5 Nov 2026 (Michael, "the purple is too blue, make it darker"): every violet LINE in dark is Echo Violet at
     .55. The artboards' 1.02pt #8a88f3 strokes sit half under the card fill, so what renders measures #54549c to #5a5aa2,
     which is #8a88f3 at about 55% over #12121e or black. Fills and marks (KPI numerals, blobs, focus rings) stay solid.
     Triplet tokens that draw lines (card-border, input, attention-border) carry the same value flattened over #12121e. */
  --line-violet: rgba(138, 136, 243, .55);
  --topbar-line: var(--line-violet);
  --sidebar-background: #12121e;
  --hero-background: var(--grad-coral-edge);
  --sidebar-border: var(--line-violet);
  --sidebar-active: transparent;
  --sidebar-active-border: var(--line-violet);
  --sidebar-hover: #1f1f33;
}

/* No script: theme.js never ran, so the system mode decides, then light. */
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) {
    --background: 0.00 0.00% 0.00%; /* #000000 provisional: plan 4.4.4, dark palette */
    --foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.1, skin option, black type */
    --card: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.4.4, dark palette */
    --card-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.1, skin option, black type */
    --popover: 240.00 24.39% 16.08%; /* #1f1f33 provisional: plan 4.4.4, dark palette */
    --popover-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.1, skin option, black type */
    --primary: 4.10 100.00% 68.43%; /* #ff695e provisional: plan 4.2.2, coral value */
    --primary-foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.2, ink on coral */
    --primary-text: 4.10 100.00% 68.43%; /* #ff695e provisional: plan 4.3.3, Coral Ink */
    --secondary: 240.00 24.39% 16.08%; /* #1f1f33 provisional: plan 4.3.4, new colours */
    --secondary-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.4, new colours */
    --muted: 240.00 24.39% 16.08%; /* #1f1f33 provisional: plan 4.3.4, new colours */
    --muted-foreground: 257.65 11.89% 71.96%; /* #b4afc0 provisional: plan 4.3.4, new colours */
    --accent: 358.24 37.36% 35.69%; /* #7d393b provisional: plan 4.3.6, selected, hover, borders */
    --accent-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.6, selected, hover, borders */
    --hover: 240.00 24.39% 16.08%; /* #1f1f33 provisional: plan 4.3.6, selected, hover, borders */
    --attention: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.6, selected, hover, borders */
    --attention-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.6, selected, hover, borders */
    --attention-border: 241.00 26.55% 44.31%; /* #54538f provisional: plan 4.3.6, selected, hover, borders */
    --destructive: 323.60 100.00% 82.55%; /* #ffa6dc provisional: plan 4.3.5, destructive */
    --destructive-foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.5, destructive */
    --danger: 323.60 100.00% 82.55%; /* #ffa6dc provisional: plan 4.3.5, destructive */
    --danger-foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.5, destructive */
    --success: 133.25 52.38% 71.18%; /* #8fdca0 provisional: plan 4.3.4, new colours */
    --success-foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.4, new colours */
    --warning: 35.68 87.06% 66.67%; /* #f4b860 provisional: plan 4.3.4, new colours */
    --warning-foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.4, new colours */
    --info: 236.74 100.00% 81.96%; /* #a3a8ff provisional: plan 4.3.4, new colours */
    --info-foreground: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.4, new colours */
    --border: 240.00 20.61% 25.69%; /* #34344f provisional: plan 4.3.6, selected, hover, borders */
    --card-border: 241.00 26.55% 44.31%; /* #54538f provisional: plan 4.3.6, selected, hover, borders */
    --card-inset: 240.00 25.00% 9.41%; /* #12121e provisional: plan 4.3.6, selected, hover, borders */
    --primary-hover: 4.72 100.00% 75.10%; /* #ff8a80 provisional: plan 4.3.6, selected, hover, borders */
    --kpi: 240.00 25.00% 9.41%; /* #12121e */
    --kpi-value: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.6, selected, hover, borders */
    --topbar-title: 0.00 0.00% 100.00%; /* #ffffff provisional: plan 4.3.6, selected, hover, borders */
    --input: 241.00 26.55% 44.31%; /* #54538f provisional: plan 4.3.6, selected, hover, borders */
    --ring: 241.12 81.68% 74.31%; /* #8a88f3 provisional: plan 4.3.4, new colours */
    --pill-ok: 63.67 73.77% 52.16%; /* #d4df2b */
    --pill-warn: 26.17 99.18% 51.96%; /* #fe750b */
    --pill-danger: 4.10 100.00% 68.43%; /* #ff695e */
    --pill-info: 241.12 81.68% 74.31%; /* #8a88f3 */
    --pill-neutral: 257.65 11.89% 71.96%; /* #b4afc0 provisional: plan 4.3.12, pills */
    --pill-foreground: 0.00 0.00% 100.00%; /* #ffffff */
    --pill-ok-fill: 63.93 46.56% 25.69%; /* #5c6023 */
    --pill-warn-fill: 23.29 64.89% 25.69%; /* #6c3817 */
    --pill-danger-fill: 356.84 35.85% 31.18%; /* #6c3336 */
    --pill-info-fill: 241.25 27.59% 34.12%; /* #403f6f */
    --pill-neutral-fill: 248.57 8.24% 33.33%; /* #504e5c provisional: plan 4.3.12, pills */
    --hue-1-text: 4.10 100.00% 68.43%; /* #ff695e provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
    --hue-2-text: 241.12 81.68% 74.31%; /* #8a88f3 provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
    --hue-3-text: 26.17 99.18% 51.96%; /* #fe750b provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
    --hue-4-text: 41.35 100.00% 62.16%; /* #ffc33e provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
    --hue-5-text: 63.67 73.77% 52.16%; /* #d4df2b provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
    --hue-6-text: 236.84 81.60% 68.04%; /* #6b72f0 provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
    --kpi-label: 0.00 0.00% 100.00%; /* #ffffff */
    --live-text: 0.00 0.00% 100.00%; /* #ffffff provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
    --avatar: 0.00 0.00% 100.00%; /* #ffffff */
    --avatar-foreground: 4.10 100.00% 68.43%; /* #ff695e provisional: plan AA, AA shade of a core hue, the Coral Ink approach (DESIGN.md Section 1) */
    --chart-1: 4.15 82.38% 62.16%; /* #ee5a4f provisional: plan 4.3.4, new colours */
    --chart-2: 241.02 79.73% 70.98%; /* #7c7af0 provisional: plan 4.3.4, new colours */
    --chart-3: 43.31 84.08% 39.41%; /* #b98a10 provisional: plan 4.3.4, new colours */
    --chart-4: 186.29 69.76% 40.20%; /* #1f9fae provisional: plan 4.3.4, new colours */
    --chart-5: 58.03 70.11% 34.12%; /* #94901a provisional: plan 4.3.4, new colours */
    --chart-track: 240.00 24.39% 16.08%; /* #1f1f33 provisional: plan 4.3.4, new colours */
    --sidebar-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan R5N, ruling 5 Nov 2026, white on the light sidebar and hero (option B) */
    --sidebar-muted: 0.00 0.00% 100.00%; /* #ffffff provisional: plan R5N, ruling 5 Nov 2026, white on the light sidebar and hero (option B) */
    --sidebar-ring: 0.00 0.00% 100.00%; /* #ffffff provisional: plan R5N, ruling 5 Nov 2026, white on the light sidebar and hero (option B) */
    --sidebar-active-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan R5N, ruling 5 Nov 2026, white on the light sidebar and hero (option B) */
    --hero-foreground: 0.00 0.00% 100.00%; /* #ffffff provisional: plan R5N, ruling 5 Nov 2026, white on the light sidebar and hero (option B) */
    color-scheme: dark;
  /* Ruling 5 Nov 2026, dark option A ("Artboard dark"): After Hours sidebar and cards, Echo Violet lines, the hero as light. */
  /* Ruling 5 Nov 2026 (Michael, "the purple is too blue, make it darker"): every violet LINE in dark is Echo Violet at
     .55. The artboards' 1.02pt #8a88f3 strokes sit half under the card fill, so what renders measures #54549c to #5a5aa2,
     which is #8a88f3 at about 55% over #12121e or black. Fills and marks (KPI numerals, blobs, focus rings) stay solid.
     Triplet tokens that draw lines (card-border, input, attention-border) carry the same value flattened over #12121e. */
  --line-violet: rgba(138, 136, 243, .55);
  --topbar-line: var(--line-violet);
  --sidebar-background: #12121e;
  --hero-background: var(--grad-coral-edge);
  --sidebar-border: var(--line-violet);
  --sidebar-active: transparent;
  --sidebar-active-border: var(--line-violet);
  --sidebar-hover: #1f1f33;
  }
}