/*
 * Novi Kvadrat design tokens — CSS custom properties, light and dark.
 * Generated from src/ds/tokens/tokens.ts on 2026-10-08. The same values as W3C DTCG 2025.10 JSON in
 * novi-kvadrat.tokens.json (light) and novi-kvadrat.dark.tokens.json (dark).
 * Dark values apply under prefers-color-scheme: dark and inside any element with the class "dark".
 */
:root {
  --ds-canvas: #f8fafc;
  --ds-surface: #ffffff;
  --ds-raised: #f9fafb;
  --ds-panel: #fbfcfd;
  --ds-rail: #f9fafb;
  --ds-overlay: #ffffff;
  --ds-line: #e2e8f0;
  --ds-line-control: #e2e8f0;
  --ds-line-soft: #f1f5f9;
  --ds-line-strong: #cbd5e1;
  --ds-line-flyout-header: #eef2f6;
  --ds-ink: #020817;
  --ds-text: #384252;
  --ds-sub: #475569;
  --ds-muted: #64748b;
  --ds-faint: #94a3b8;
  --ds-ghost: #cbd5e1;
  --ds-kebab-idle: #d3dae3;
  --ds-count: #7c8aa0;
  --ds-numeral: #020817;
  --ds-primary: #1a57db;
  --ds-primary-strong: #1842b4;
  --ds-primary-wash: rgba(26,87,219,0.10);
  --ds-primary-chip-wash: rgba(26,87,219,0.15);
  --ds-primary-soft: #eaf1fd;
  --ds-primary-chip: #dcebfe;
  --ds-primary-chip-fg: #1842b4;
  --ds-primary-active: #183490;
  --ds-primary-cta: #1a57db;
  --ds-primary-cta-hover: #1842b4;
  --ds-primary-badge: #1a57db;
  --ds-on-primary: #ffffff;
  --ds-logo-a: #0058e3;
  --ds-logo-b: #34405c;
  --ds-avatar-bg: #34405c;
  --ds-avatar-fg: #ffffff;
  --ds-verified: #16a249;
  --ds-thumb-bg: #e8edf3;
  --ds-trend-up: #157f3c;
  --ds-trend-down: #ba1c1c;
  --ds-saved-heart: #dc2828;
  --ds-chart-bar: #cfe0fb;
  --ds-chart-ramp-strong: #3c83f6;
  --ds-chart-ramp-mid: #94c0f9;
  --ds-status-dot-warn: #db7706;
  --ds-danger: #dc2828;
  --ds-danger-hover: #ba1c1c;
  --ds-danger-active: #991b1b;
  --ds-dark-secondary-btn-bg: #232326;
  --ds-dark-secondary-btn-fg: #bfbfc4;
  --ds-hover-wash: #f1f5f9;
  --ds-outline-on-band: #ffffff;
  --ds-field-error-border: #dc2828;
  --ds-field-error-fg: #ba1c1c;
  --ds-switch-thumb-off: #ffffff;
  --ds-switch-thumb-off-border: #cbd5e1;
  --ds-switch-thumb-on: #ffffff;
  --ds-slider-bubble-bg: #020817;
  --ds-slider-bubble-fg: #ffffff;
  --ds-segmented-track: #f1f5f9;
  --ds-segmented-track-border: transparent;
  --ds-segmented-active: #ffffff;
  --ds-secondary-btn-bg: #ffffff;
  --ds-secondary-btn-fg: #475569;
  --ds-secondary-btn-border: #e2e8f0;
  --ds-secondary-btn-hover-bg: #f8fafc;
  --ds-hint: #64748b;
  --ds-skeleton: #f1f5f9;
  --ds-empty-disc-bg: #f1f5f9;
  --ds-progress-track: #e2e8f0;
  --ds-progress-fill: #1a57db;
  --ds-progress-ok: #16a249;
  --ds-progress-warn: #db7706;
  --ds-progress-error: #dc2828;
  --ds-avatar-tint-bg: #dcebfe;
  --ds-avatar-tint-fg: #1842b4;
  --ds-badge-ring: #ffffff;
  --ds-scrim: rgba(2,8,23,0.55);
  --ds-danger-fg: #ba1c1c;
  --ds-dropzone-bg: #fbfcfd;
  --ds-kbd-recessed-bg: #f8fafc;
  --ds-table-bg: #ffffff;
  --ds-row-hover-bg: #f8fafc;
  --ds-row-selected-bg: #f0f6ff;
  --ds-thumb-count-bg: rgba(0,0,0,0.6);
  --ds-thumb-count-fg: #ffffff;
  --ds-step-done-fg: #ffffff;
  --ds-track-soft: #f1f5f9;
  --ds-tile-hover-bg: #f8fafc;
  --ds-card-hover-border: #94a3b8;
  --ds-card-glass-bg: rgba(255,255,255,0.95);
  --ds-card-chip-bg: rgba(255,255,255,0.92);
  --ds-card-dot-bg: rgba(255,255,255,0.62);
  --ds-card-dot-active-bg: rgba(255,255,255,0.98);
  --ds-card-dot-border: rgba(15,23,42,0.10);
  --ds-heat-low-bg: rgba(219,119,6,0.12);
  --ds-heat-low-border: rgba(219,119,6,0.20);
  --ds-heat-medium-bg: rgba(219,119,6,0.24);
  --ds-heat-medium-border: rgba(219,119,6,0.35);
  --ds-heat-high-bg: rgba(220,40,40,0.18);
  --ds-heat-high-border: rgba(220,40,40,0.30);
  --ds-heat-peak-bg: rgba(220,40,40,0.32);
  --ds-heat-peak-border: rgba(220,40,40,0.45);
  --ds-heat-pending-ring: rgba(219,119,6,0.6);
  --ds-interest-fill: #1a57db;
  --ds-interest-border: rgba(26,87,219,0.35);
  --ds-cell-greyscale-bg: rgba(241,245,249,0.6);
  --ds-hero-tab-band-bg: rgba(241,245,249,0.7);
  --ds-hero-card-border: rgba(226,232,240,0.6);
  --ds-hero-tab-hairline: rgba(226,232,240,0.8);
  --ds-chart-wash: rgba(100,116,139,0.08);
  --ds-media-scrim: rgba(2,8,23,0.62);
  --ds-media-scrim-soft: rgba(2,8,23,0.45);
  --ds-media-lift: rgba(14,14,16,0.82);
  --ds-media-lift-line: rgba(255,255,255,0.20);
  --ds-media-veil: rgba(14,14,16,0.6);
  --ds-media-veil-line: rgba(255,255,255,0.14);
  --ds-media-glass: rgba(255,255,255,0.94);
  --ds-media-glass-line: rgba(255,255,255,0.6);
  --ds-media-ink: #ffffff;
  --ds-media-ink-chip: rgba(255,255,255,0.8);
  --ds-media-ink-idle: rgba(255,255,255,0.72);
  --ds-media-ink-hint: rgba(255,255,255,0.7);
  --ds-media-ink-quiet: rgba(255,255,255,0.62);
  --ds-media-ink-disabled: rgba(255,255,255,0.5);
  --ds-media-segment-active: rgba(255,255,255,0.16);
  --ds-media-segment-active-line: rgba(255,255,255,0.22);
  --ds-media-track: rgba(255,255,255,0.18);
  --ds-media-divider: rgba(255,255,255,0.25);
  --ds-media-fade: rgba(14,14,16,0.92);
  --ds-media-scrim-bottom: rgba(14,14,16,0.84);
  --ds-media-scrim-cinema: rgba(14,14,16,0.55);
  --ds-media-joystick-ring: rgba(255,255,255,0.10);
  --ds-media-joystick-ring-line: rgba(255,255,255,0.28);
  --ds-media-joystick-knob: rgba(255,255,255,0.92);
  --ds-data-seq-1: #f9c489;
  --ds-data-seq-2: #f4a054;
  --ds-data-seq-3: #ec7d1e;
  --ds-data-seq-4: #cd5f00;
  --ds-data-seq-5: #9a4700;
  --ds-data-nodata: rgba(156,163,175,0.45);
  --ds-data-div-high: #cd5f00;
  --ds-data-div-high-soft: #f4a054;
  --ds-data-div-low: #3f556e;
  --ds-data-div-low-soft: #7c93ad;
  --ds-data-cat-1: #1a57db;
  --ds-data-cat-2: #157f3c;
  --ds-data-cat-3: #7c3aed;
  --ds-data-cat-4: #0e7490;
  --ds-data-cat-5: #b35309;
  --ds-data-cat-6: #ba1c1c;
  --ds-data-guide: rgba(100,116,139,0.45);
  --ds-data-region-line: rgba(69,50,34,0.28);
  --ds-data-region-line-strong: rgba(69,50,34,0.45);
  --ds-data-region-label: #453222;
  --ds-pill-new-bg: #f0f6ff;
  --ds-pill-new-fg: #1842b4;
  --ds-pill-new-border: rgba(26,87,219,0.35);
  --ds-pill-ok-bg: #f2fdf5;
  --ds-pill-ok-fg: #157f3c;
  --ds-pill-ok-border: rgba(22,162,73,0.35);
  --ds-pill-warn-bg: #fffbeb;
  --ds-pill-warn-fg: #b35309;
  --ds-pill-warn-border: rgba(219,119,6,0.35);
  --ds-pill-error-bg: #fef1f1;
  --ds-pill-error-fg: #ba1c1c;
  --ds-pill-error-border: rgba(220,40,40,0.30);
  --ds-pill-neutral-bg: #f9fafb;
  --ds-pill-neutral-fg: #64748b;
  --ds-pill-neutral-border: #e2e8f0;
  --ds-kbd-bg: #ffffff;
  --ds-kbd-fg: #64748b;
  --ds-kbd-border: #e2e8f0;
  --ds-nav-pill-bg: #ffffff;
  --ds-nav-pill-fg: #7c8aa0;
  --ds-nav-pill-border: #e2e8f0;
  --ds-nav-pill-active-bg: #dcebfe;
  --ds-nav-pill-active-fg: #1842b4;
  --ds-nav-pill-active-border: transparent;
  --ds-tab-chip-bg: #f1f5f9;
  --ds-tab-chip-fg: #64748b;
  --ds-tab-chip-active-bg: rgba(26,87,219,0.15);
  --ds-tab-chip-active-fg: #1a57db;
  --ds-tab-chip-alert-bg: rgba(239,68,68,0.12);
  --ds-tab-chip-alert-fg: #dc2828;
  --ds-ring-inner: #ffffff;
  --ds-ring-outer: #1a57db;
  --ds-r-4: 4px;
  --ds-r-5: 5px;
  --ds-r-6: 6px;
  --ds-r-8: 8px;
  --ds-r-12: 12px;
  --ds-r-16: 16px;
  --ds-r-999: 999px;
  --ds-space-2: 2px;
  --ds-space-4: 4px;
  --ds-space-6: 6px;
  --ds-space-8: 8px;
  --ds-space-10: 10px;
  --ds-space-12: 12px;
  --ds-space-16: 16px;
  --ds-space-20: 20px;
  --ds-space-24: 24px;
  --ds-space-32: 32px;
  --ds-space-40: 40px;
  --ds-h-s: 30px;
  --ds-h-m: 36px;
  --ds-h-l: 44px;
  --ds-shadow-overlay: 0 10px 15px -3px rgba(0,0,0,0.10), 0 4px 6px -4px rgba(0,0,0,0.10);
  --ds-shadow-dialog: 0 20px 25px -5px rgba(0,0,0,0.10), 0 8px 10px -6px rgba(0,0,0,0.10);
  --ds-font-sans: var(--font-inter, Inter), system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ds-font-mono: var(--font-mono, 'IBM Plex Mono'), Menlo, monospace;
  --ds-font-display: 'Bricolage Grotesque', Inter, system-ui, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ds-canvas: #0e0e10;
    --ds-surface: #18181b;
    --ds-raised: #131315;
    --ds-panel: #121215;
    --ds-rail: #141417;
    --ds-overlay: #1d1d20;
    --ds-line: #26262a;
    --ds-line-control: #2c2c30;
    --ds-line-soft: #1f1f23;
    --ds-line-strong: #404045;
    --ds-line-flyout-header: #26262a;
    --ds-ink: #ededed;
    --ds-text: #bfbfc4;
    --ds-sub: #a5a5ac;
    --ds-muted: #8f8f99;
    --ds-faint: #666670;
    --ds-ghost: #404045;
    --ds-kebab-idle: #404045;
    --ds-count: #898994;
    --ds-numeral: #d9d9d9;
    --ds-primary: #3c83f6;
    --ds-primary-strong: #5a9cf2;
    --ds-primary-wash: rgba(60,131,246,0.12);
    --ds-primary-chip-wash: rgba(60,131,246,0.18);
    --ds-primary-soft: #172136;
    --ds-primary-chip: #24314c;
    --ds-primary-chip-fg: #94c0f9;
    --ds-primary-active: #183490;
    --ds-primary-cta: #1a57db;
    --ds-primary-cta-hover: #1842b4;
    --ds-primary-badge: #326be7;
    --ds-on-primary: #ffffff;
    --ds-logo-a: #3c83f6;
    --ds-logo-b: #565f78;
    --ds-avatar-bg: #24314c;
    --ds-avatar-fg: #c3ddfd;
    --ds-verified: #3ddb77;
    --ds-thumb-bg: #27272a;
    --ds-trend-up: #3ddb77;
    --ds-trend-down: #f07575;
    --ds-saved-heart: #f07575;
    --ds-chart-bar: #24314c;
    --ds-chart-ramp-strong: #5a9cf2;
    --ds-chart-ramp-mid: #94c0f9;
    --ds-status-dot-warn: #db7706;
    --ds-danger: #dc2828;
    --ds-danger-hover: #ba1c1c;
    --ds-danger-active: #991b1b;
    --ds-dark-secondary-btn-bg: #232326;
    --ds-dark-secondary-btn-fg: #bfbfc4;
    --ds-hover-wash: #27272a;
    --ds-outline-on-band: #18181b;
    --ds-field-error-border: #f07575;
    --ds-field-error-fg: #f07575;
    --ds-switch-thumb-off: #666670;
    --ds-switch-thumb-off-border: transparent;
    --ds-switch-thumb-on: #0e0e10;
    --ds-slider-bubble-bg: #ededed;
    --ds-slider-bubble-fg: #0e0e10;
    --ds-segmented-track: #131315;
    --ds-segmented-track-border: #26262a;
    --ds-segmented-active: #27272a;
    --ds-secondary-btn-bg: #232326;
    --ds-secondary-btn-fg: #bfbfc4;
    --ds-secondary-btn-border: #232326;
    --ds-secondary-btn-hover-bg: #2c2c30;
    --ds-hint: #a5a5ac;
    --ds-skeleton: #27272a;
    --ds-empty-disc-bg: #27272a;
    --ds-progress-track: #26262a;
    --ds-progress-fill: #3c83f6;
    --ds-progress-ok: #3ddb77;
    --ds-progress-warn: #f4be34;
    --ds-progress-error: #f07575;
    --ds-avatar-tint-bg: #24314c;
    --ds-avatar-tint-fg: #c3ddfd;
    --ds-badge-ring: #18181b;
    --ds-scrim: rgba(2,8,23,0.55);
    --ds-danger-fg: #f07575;
    --ds-dropzone-bg: #131315;
    --ds-kbd-recessed-bg: #131315;
    --ds-table-bg: #0e0e10;
    --ds-row-hover-bg: #131315;
    --ds-row-selected-bg: #0f1729;
    --ds-thumb-count-bg: rgba(0,0,0,0.6);
    --ds-thumb-count-fg: #ffffff;
    --ds-step-done-fg: #0d2617;
    --ds-track-soft: #27272a;
    --ds-tile-hover-bg: #1d1d20;
    --ds-card-hover-border: #404045;
    --ds-card-glass-bg: rgba(24,24,27,0.95);
    --ds-card-chip-bg: rgba(24,24,27,0.92);
    --ds-card-dot-bg: rgba(255,255,255,0.62);
    --ds-card-dot-active-bg: rgba(255,255,255,0.98);
    --ds-card-dot-border: rgba(15,23,42,0.10);
    --ds-heat-low-bg: rgba(219,119,6,0.12);
    --ds-heat-low-border: rgba(219,119,6,0.20);
    --ds-heat-medium-bg: rgba(219,119,6,0.24);
    --ds-heat-medium-border: rgba(219,119,6,0.35);
    --ds-heat-high-bg: rgba(220,40,40,0.18);
    --ds-heat-high-border: rgba(220,40,40,0.30);
    --ds-heat-peak-bg: rgba(220,40,40,0.32);
    --ds-heat-peak-border: rgba(220,40,40,0.45);
    --ds-heat-pending-ring: rgba(219,119,6,0.6);
    --ds-interest-fill: #1a57db;
    --ds-interest-border: rgba(26,87,219,0.35);
    --ds-cell-greyscale-bg: #131315;
    --ds-hero-tab-band-bg: rgba(31,31,35,0.7);
    --ds-hero-card-border: rgba(38,38,42,0.6);
    --ds-hero-tab-hairline: rgba(38,38,42,0.8);
    --ds-chart-wash: rgba(100,116,139,0.08);
    --ds-media-scrim: rgba(2,8,23,0.62);
    --ds-media-scrim-soft: rgba(2,8,23,0.45);
    --ds-media-lift: rgba(14,14,16,0.82);
    --ds-media-lift-line: rgba(255,255,255,0.20);
    --ds-media-veil: rgba(14,14,16,0.6);
    --ds-media-veil-line: rgba(255,255,255,0.14);
    --ds-media-glass: rgba(255,255,255,0.94);
    --ds-media-glass-line: rgba(255,255,255,0.6);
    --ds-media-ink: #ffffff;
    --ds-media-ink-chip: rgba(255,255,255,0.8);
    --ds-media-ink-idle: rgba(255,255,255,0.72);
    --ds-media-ink-hint: rgba(255,255,255,0.7);
    --ds-media-ink-quiet: rgba(255,255,255,0.62);
    --ds-media-ink-disabled: rgba(255,255,255,0.5);
    --ds-media-segment-active: rgba(255,255,255,0.16);
    --ds-media-segment-active-line: rgba(255,255,255,0.22);
    --ds-media-track: rgba(255,255,255,0.18);
    --ds-media-divider: rgba(255,255,255,0.25);
    --ds-media-fade: rgba(14,14,16,0.92);
    --ds-media-scrim-bottom: rgba(14,14,16,0.84);
    --ds-media-scrim-cinema: rgba(14,14,16,0.55);
    --ds-media-joystick-ring: rgba(255,255,255,0.10);
    --ds-media-joystick-ring-line: rgba(255,255,255,0.28);
    --ds-media-joystick-knob: rgba(255,255,255,0.92);
    --ds-data-seq-1: #f9c489;
    --ds-data-seq-2: #f4a054;
    --ds-data-seq-3: #ec7d1e;
    --ds-data-seq-4: #cd5f00;
    --ds-data-seq-5: #9a4700;
    --ds-data-nodata: rgba(156,163,175,0.45);
    --ds-data-div-high: #f4a054;
    --ds-data-div-high-soft: #cd5f00;
    --ds-data-div-low: #9fb3cb;
    --ds-data-div-low-soft: #6b83a0;
    --ds-data-cat-1: #5a9cf2;
    --ds-data-cat-2: #3ddb77;
    --ds-data-cat-3: #a78bfa;
    --ds-data-cat-4: #22d3ee;
    --ds-data-cat-5: #f4be34;
    --ds-data-cat-6: #f07575;
    --ds-data-guide: rgba(161,161,170,0.45);
    --ds-data-region-line: rgba(255,255,255,0.28);
    --ds-data-region-line-strong: rgba(255,255,255,0.45);
    --ds-data-region-label: #f2ece2;
    --ds-pill-new-bg: #0f1729;
    --ds-pill-new-fg: #5a9cf2;
    --ds-pill-new-border: #24314c;
    --ds-pill-ok-bg: #0d2617;
    --ds-pill-ok-fg: #3ddb77;
    --ds-pill-ok-border: #1f472e;
    --ds-pill-warn-bg: #2b1508;
    --ds-pill-warn-fg: #f4be34;
    --ds-pill-warn-border: #54321c;
    --ds-pill-error-bg: #260d0d;
    --ds-pill-error-fg: #f07575;
    --ds-pill-error-border: #471f1f;
    --ds-pill-neutral-bg: #1b1b1d;
    --ds-pill-neutral-fg: #a5a5ac;
    --ds-pill-neutral-border: #313135;
    --ds-kbd-bg: #1d1d20;
    --ds-kbd-fg: #898994;
    --ds-kbd-border: #313135;
    --ds-nav-pill-bg: #18181b;
    --ds-nav-pill-fg: #898994;
    --ds-nav-pill-border: #313135;
    --ds-nav-pill-active-bg: #24314c;
    --ds-nav-pill-active-fg: #94c0f9;
    --ds-nav-pill-active-border: transparent;
    --ds-tab-chip-bg: #27272a;
    --ds-tab-chip-fg: #a5a5ac;
    --ds-tab-chip-active-bg: rgba(60,131,246,0.18);
    --ds-tab-chip-active-fg: #5a9cf2;
    --ds-tab-chip-alert-bg: rgba(237,44,44,0.15);
    --ds-tab-chip-alert-fg: #e25050;
    --ds-ring-inner: #18181b;
    --ds-ring-outer: #3c83f6;
  }
}

.dark {
  --ds-canvas: #0e0e10;
  --ds-surface: #18181b;
  --ds-raised: #131315;
  --ds-panel: #121215;
  --ds-rail: #141417;
  --ds-overlay: #1d1d20;
  --ds-line: #26262a;
  --ds-line-control: #2c2c30;
  --ds-line-soft: #1f1f23;
  --ds-line-strong: #404045;
  --ds-line-flyout-header: #26262a;
  --ds-ink: #ededed;
  --ds-text: #bfbfc4;
  --ds-sub: #a5a5ac;
  --ds-muted: #8f8f99;
  --ds-faint: #666670;
  --ds-ghost: #404045;
  --ds-kebab-idle: #404045;
  --ds-count: #898994;
  --ds-numeral: #d9d9d9;
  --ds-primary: #3c83f6;
  --ds-primary-strong: #5a9cf2;
  --ds-primary-wash: rgba(60,131,246,0.12);
  --ds-primary-chip-wash: rgba(60,131,246,0.18);
  --ds-primary-soft: #172136;
  --ds-primary-chip: #24314c;
  --ds-primary-chip-fg: #94c0f9;
  --ds-primary-active: #183490;
  --ds-primary-cta: #1a57db;
  --ds-primary-cta-hover: #1842b4;
  --ds-primary-badge: #326be7;
  --ds-on-primary: #ffffff;
  --ds-logo-a: #3c83f6;
  --ds-logo-b: #565f78;
  --ds-avatar-bg: #24314c;
  --ds-avatar-fg: #c3ddfd;
  --ds-verified: #3ddb77;
  --ds-thumb-bg: #27272a;
  --ds-trend-up: #3ddb77;
  --ds-trend-down: #f07575;
  --ds-saved-heart: #f07575;
  --ds-chart-bar: #24314c;
  --ds-chart-ramp-strong: #5a9cf2;
  --ds-chart-ramp-mid: #94c0f9;
  --ds-status-dot-warn: #db7706;
  --ds-danger: #dc2828;
  --ds-danger-hover: #ba1c1c;
  --ds-danger-active: #991b1b;
  --ds-dark-secondary-btn-bg: #232326;
  --ds-dark-secondary-btn-fg: #bfbfc4;
  --ds-hover-wash: #27272a;
  --ds-outline-on-band: #18181b;
  --ds-field-error-border: #f07575;
  --ds-field-error-fg: #f07575;
  --ds-switch-thumb-off: #666670;
  --ds-switch-thumb-off-border: transparent;
  --ds-switch-thumb-on: #0e0e10;
  --ds-slider-bubble-bg: #ededed;
  --ds-slider-bubble-fg: #0e0e10;
  --ds-segmented-track: #131315;
  --ds-segmented-track-border: #26262a;
  --ds-segmented-active: #27272a;
  --ds-secondary-btn-bg: #232326;
  --ds-secondary-btn-fg: #bfbfc4;
  --ds-secondary-btn-border: #232326;
  --ds-secondary-btn-hover-bg: #2c2c30;
  --ds-hint: #a5a5ac;
  --ds-skeleton: #27272a;
  --ds-empty-disc-bg: #27272a;
  --ds-progress-track: #26262a;
  --ds-progress-fill: #3c83f6;
  --ds-progress-ok: #3ddb77;
  --ds-progress-warn: #f4be34;
  --ds-progress-error: #f07575;
  --ds-avatar-tint-bg: #24314c;
  --ds-avatar-tint-fg: #c3ddfd;
  --ds-badge-ring: #18181b;
  --ds-scrim: rgba(2,8,23,0.55);
  --ds-danger-fg: #f07575;
  --ds-dropzone-bg: #131315;
  --ds-kbd-recessed-bg: #131315;
  --ds-table-bg: #0e0e10;
  --ds-row-hover-bg: #131315;
  --ds-row-selected-bg: #0f1729;
  --ds-thumb-count-bg: rgba(0,0,0,0.6);
  --ds-thumb-count-fg: #ffffff;
  --ds-step-done-fg: #0d2617;
  --ds-track-soft: #27272a;
  --ds-tile-hover-bg: #1d1d20;
  --ds-card-hover-border: #404045;
  --ds-card-glass-bg: rgba(24,24,27,0.95);
  --ds-card-chip-bg: rgba(24,24,27,0.92);
  --ds-card-dot-bg: rgba(255,255,255,0.62);
  --ds-card-dot-active-bg: rgba(255,255,255,0.98);
  --ds-card-dot-border: rgba(15,23,42,0.10);
  --ds-heat-low-bg: rgba(219,119,6,0.12);
  --ds-heat-low-border: rgba(219,119,6,0.20);
  --ds-heat-medium-bg: rgba(219,119,6,0.24);
  --ds-heat-medium-border: rgba(219,119,6,0.35);
  --ds-heat-high-bg: rgba(220,40,40,0.18);
  --ds-heat-high-border: rgba(220,40,40,0.30);
  --ds-heat-peak-bg: rgba(220,40,40,0.32);
  --ds-heat-peak-border: rgba(220,40,40,0.45);
  --ds-heat-pending-ring: rgba(219,119,6,0.6);
  --ds-interest-fill: #1a57db;
  --ds-interest-border: rgba(26,87,219,0.35);
  --ds-cell-greyscale-bg: #131315;
  --ds-hero-tab-band-bg: rgba(31,31,35,0.7);
  --ds-hero-card-border: rgba(38,38,42,0.6);
  --ds-hero-tab-hairline: rgba(38,38,42,0.8);
  --ds-chart-wash: rgba(100,116,139,0.08);
  --ds-media-scrim: rgba(2,8,23,0.62);
  --ds-media-scrim-soft: rgba(2,8,23,0.45);
  --ds-media-lift: rgba(14,14,16,0.82);
  --ds-media-lift-line: rgba(255,255,255,0.20);
  --ds-media-veil: rgba(14,14,16,0.6);
  --ds-media-veil-line: rgba(255,255,255,0.14);
  --ds-media-glass: rgba(255,255,255,0.94);
  --ds-media-glass-line: rgba(255,255,255,0.6);
  --ds-media-ink: #ffffff;
  --ds-media-ink-chip: rgba(255,255,255,0.8);
  --ds-media-ink-idle: rgba(255,255,255,0.72);
  --ds-media-ink-hint: rgba(255,255,255,0.7);
  --ds-media-ink-quiet: rgba(255,255,255,0.62);
  --ds-media-ink-disabled: rgba(255,255,255,0.5);
  --ds-media-segment-active: rgba(255,255,255,0.16);
  --ds-media-segment-active-line: rgba(255,255,255,0.22);
  --ds-media-track: rgba(255,255,255,0.18);
  --ds-media-divider: rgba(255,255,255,0.25);
  --ds-media-fade: rgba(14,14,16,0.92);
  --ds-media-scrim-bottom: rgba(14,14,16,0.84);
  --ds-media-scrim-cinema: rgba(14,14,16,0.55);
  --ds-media-joystick-ring: rgba(255,255,255,0.10);
  --ds-media-joystick-ring-line: rgba(255,255,255,0.28);
  --ds-media-joystick-knob: rgba(255,255,255,0.92);
  --ds-data-seq-1: #f9c489;
  --ds-data-seq-2: #f4a054;
  --ds-data-seq-3: #ec7d1e;
  --ds-data-seq-4: #cd5f00;
  --ds-data-seq-5: #9a4700;
  --ds-data-nodata: rgba(156,163,175,0.45);
  --ds-data-div-high: #f4a054;
  --ds-data-div-high-soft: #cd5f00;
  --ds-data-div-low: #9fb3cb;
  --ds-data-div-low-soft: #6b83a0;
  --ds-data-cat-1: #5a9cf2;
  --ds-data-cat-2: #3ddb77;
  --ds-data-cat-3: #a78bfa;
  --ds-data-cat-4: #22d3ee;
  --ds-data-cat-5: #f4be34;
  --ds-data-cat-6: #f07575;
  --ds-data-guide: rgba(161,161,170,0.45);
  --ds-data-region-line: rgba(255,255,255,0.28);
  --ds-data-region-line-strong: rgba(255,255,255,0.45);
  --ds-data-region-label: #f2ece2;
  --ds-pill-new-bg: #0f1729;
  --ds-pill-new-fg: #5a9cf2;
  --ds-pill-new-border: #24314c;
  --ds-pill-ok-bg: #0d2617;
  --ds-pill-ok-fg: #3ddb77;
  --ds-pill-ok-border: #1f472e;
  --ds-pill-warn-bg: #2b1508;
  --ds-pill-warn-fg: #f4be34;
  --ds-pill-warn-border: #54321c;
  --ds-pill-error-bg: #260d0d;
  --ds-pill-error-fg: #f07575;
  --ds-pill-error-border: #471f1f;
  --ds-pill-neutral-bg: #1b1b1d;
  --ds-pill-neutral-fg: #a5a5ac;
  --ds-pill-neutral-border: #313135;
  --ds-kbd-bg: #1d1d20;
  --ds-kbd-fg: #898994;
  --ds-kbd-border: #313135;
  --ds-nav-pill-bg: #18181b;
  --ds-nav-pill-fg: #898994;
  --ds-nav-pill-border: #313135;
  --ds-nav-pill-active-bg: #24314c;
  --ds-nav-pill-active-fg: #94c0f9;
  --ds-nav-pill-active-border: transparent;
  --ds-tab-chip-bg: #27272a;
  --ds-tab-chip-fg: #a5a5ac;
  --ds-tab-chip-active-bg: rgba(60,131,246,0.18);
  --ds-tab-chip-active-fg: #5a9cf2;
  --ds-tab-chip-alert-bg: rgba(237,44,44,0.15);
  --ds-tab-chip-alert-fg: #e25050;
  --ds-ring-inner: #18181b;
  --ds-ring-outer: #3c83f6;
}