/* AUTO-GENERATED — do not edit by hand.
 * Run: node scripts/generate-design-tokens.mjs
 * Spec version: 1.4 · Token package: 1.5.1
 */

:root {
  color-scheme: light dark;
  --sp-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  --sp-font-numeric: tabular-nums lining-nums;
  --sp-space-0: 0px;
  --sp-space-1: 4px;
  --sp-space-2: 8px;
  --sp-space-3: 12px;
  --sp-space-4: 16px;
  --sp-space-5: 20px;
  --sp-space-6: 24px;
  --sp-space-8: 32px;
  --sp-space-10: 40px;
  --sp-space-12: 48px;
  --sp-space-16: 64px;
  --sp-radius-xs: 4px;
  --sp-radius-sm: 6px;
  --sp-radius-md: 10px;
  --sp-radius-lg: 14px;
  --sp-radius-xl: 18px;
  --sp-radius-pill: 999px;
  --sp-motion-fast: 120ms;
  --sp-motion-standard: 180ms;
  --sp-motion-emphasized: 240ms;
  --sp-z-base: 0;
  --sp-z-sticky: 100;
  --sp-z-dropdown: 200;
  --sp-z-overlay: 300;
  --sp-z-modal: 400;
  --sp-z-toast: 500;
  --sp-z-tooltip: 600;
  --sp-type-display-size: 32px;
  --sp-type-display-line: 38px;
  --sp-type-display-weight: 700;
  --sp-type-title-1-size: 28px;
  --sp-type-title-1-line: 34px;
  --sp-type-title-1-weight: 700;
  --sp-type-title-2-size: 22px;
  --sp-type-title-2-line: 28px;
  --sp-type-title-2-weight: 650;
  --sp-type-title-3-size: 18px;
  --sp-type-title-3-line: 24px;
  --sp-type-title-3-weight: 600;
  --sp-type-headline-size: 16px;
  --sp-type-headline-line: 22px;
  --sp-type-headline-weight: 600;
  --sp-type-body-size: 15px;
  --sp-type-body-line: 22px;
  --sp-type-body-weight: 400;
  --sp-type-body-strong-size: 15px;
  --sp-type-body-strong-line: 22px;
  --sp-type-body-strong-weight: 600;
  --sp-type-callout-size: 14px;
  --sp-type-callout-line: 20px;
  --sp-type-callout-weight: 400;
  --sp-type-subheadline-size: 13px;
  --sp-type-subheadline-line: 18px;
  --sp-type-subheadline-weight: 500;
  --sp-type-caption-size: 12px;
  --sp-type-caption-line: 16px;
  --sp-type-caption-weight: 400;
  --sp-type-micro-size: 11px;
  --sp-type-micro-line: 14px;
  --sp-type-micro-weight: 500;
  --sp-type-metric-lg-size: 32px;
  --sp-type-metric-lg-line: 36px;
  --sp-type-metric-lg-weight: 650;
  --sp-type-metric-md-size: 24px;
  --sp-type-metric-md-line: 30px;
  --sp-type-metric-md-weight: 650;
}

:root,
html[data-theme="light"] {
  --sp-bg-canvas: #F5F5F7;
  --sp-bg-surface: #FFFFFF;
  --sp-bg-surface-secondary: #F2F2F7;
  --sp-bg-surface-tertiary: #E5E5EA;
  --sp-bg-elevated: #FFFFFF;
  --sp-bg-hover: #F2F2F7;
  --sp-bg-selected: #EAF4FF;
  --sp-text-primary: #1D1D1F;
  --sp-text-secondary: #515154;
  --sp-text-tertiary: #6E6E73;
  --sp-text-disabled: #8E8E93;
  --sp-text-inverse: #FFFFFF;
  --sp-border-subtle: #E5E5EA;
  --sp-border-default: #D2D2D7;
  --sp-border-strong: #AEAEB2;
  --sp-accent-link: #0066CC;
  --sp-accent-primary: #0071E3;
  --sp-accent-hover: #0068D1;
  --sp-accent-pressed: #0058B0;
  --sp-accent-tint: #EAF4FF;
  --sp-accent-chrome: #7453e8;
  --sp-focus-ring: #0878d7;
  --sp-scrim: rgba(0,0,0,.32);
  --sp-status-success-fg: #1F7A36;
  --sp-status-success-bg: #EAF8EE;
  --sp-status-warning-fg: #8A4B00;
  --sp-status-warning-bg: #FFF7E6;
  --sp-status-danger-fg: #D70015;
  --sp-status-danger-bg: #FFF0F1;
  --sp-status-info-fg: #0066CC;
  --sp-status-info-bg: #EAF4FF;
  --sp-status-neutral-fg: #515154;
  --sp-status-neutral-bg: #F2F2F7;
  --sp-sentiment-mixed-fg: #7B2CBF;
  --sp-sentiment-mixed-bg: #F3E8FF;
  --sp-chart-gridline: #E5E5EA;
  --sp-chart-label: #515154;
  --sp-chart-axis: #AEAEB2;
  --sp-chart-crosshair: #D2D2D7;
  --sp-chart-tooltip-bg: #FFFFFF;
  --sp-chart-tooltip-border: #D2D2D7;
  --sp-chart-series-llm-referral: #ff642e;
  --sp-chart-series-bot-purpose: #3b82f6;
  --sp-chart-track: #e9eaf0;
  --sp-model-chatgpt: #248A3D;
  --sp-model-gemini: #0066CC;
  --sp-model-claude: #C04F00;
  --sp-model-perplexity: #007A78;
  --sp-model-grok: #5856D6;
  --sp-model-llama: #9A6700;
  --sp-model-copilot: #9C3DBB;
  --sp-elevation-1: 0 1px 3px rgba(0,0,0,.08);
  --sp-elevation-2: 0 8px 24px rgba(0,0,0,.12);
  --sp-elevation-3: 0 20px 60px rgba(0,0,0,.18);
}

:root,
html[data-theme="light"] {
  --sp-button-accent-bg: #5b5cf0;
  --sp-button-accent-bg-hover: #5455dd;
  --sp-button-accent-bg-pressed: #4e4fce;
  --sp-button-accent-label: #FFFFFF;
  --sp-button-inverted-bg: #1D1D1F;
  --sp-button-inverted-bg-hover: #2C2C2E;
  --sp-button-inverted-bg-pressed: #000000;
  --sp-button-inverted-label: #F5F5F7;
  --sp-button-primary-bg: #1D1D1F;
  --sp-button-primary-bg-hover: #2C2C2E;
  --sp-button-primary-bg-pressed: #000000;
  --sp-button-primary-label: #F5F5F7;
  --sp-button-secondary-bg: #FFFFFF;
  --sp-button-secondary-border: #D2D2D7;
  --sp-button-secondary-label: #1D1D1F;
  --sp-button-danger-bg: #d70015;
  --sp-button-danger-bg-hover: #b50012;
  --sp-button-danger-bg-pressed: #9a0010;
  --sp-button-danger-label: #FFFFFF;
  --sp-button-disabled-bg: #E5E5EA;
  --sp-button-disabled-label: #6E6E73;
  --sp-button-disabled-border: #D2D2D7;
  --sp-input-bg: #FFFFFF;
  --sp-input-border: #D2D2D7;
  --sp-table-row-height-standard: 48px;
  --sp-table-row-height-compact: 40px;
  --sp-table-row-height-comfortable: 56px;
  --sp-sidebar-expanded: 240px;
  --sp-sidebar-collapsed: 72px;
  --sp-topbar-height: 56px;
}

html[data-theme="light"] {
  color-scheme: light;
}

html[data-theme="dark"] {
  --sp-bg-canvas: #08090d;
  --sp-bg-surface: #11131a;
  --sp-bg-surface-secondary: #171922;
  --sp-bg-surface-tertiary: #1d202a;
  --sp-bg-elevated: #171922;
  --sp-bg-hover: #1d202a;
  --sp-bg-selected: #102A43;
  --sp-text-primary: #f5f6f8;
  --sp-text-secondary: #999eaa;
  --sp-text-tertiary: #7a8090;
  --sp-text-disabled: #636366;
  --sp-text-inverse: #08090d;
  --sp-border-subtle: rgba(255, 255, 255, 0.06);
  --sp-border-default: #292c36;
  --sp-border-strong: #3A3A3C;
  --sp-accent-link: #0A84FF;
  --sp-accent-primary: #0A84FF;
  --sp-accent-hover: #409CFF;
  --sp-accent-pressed: #0071E3;
  --sp-accent-tint: #102A43;
  --sp-accent-chrome: #8b5cf6;
  --sp-focus-ring: #4ea1ff;
  --sp-scrim: rgba(0,0,0,.56);
  --sp-status-success-fg: #30D158;
  --sp-status-success-bg: rgba(48,209,88,.14);
  --sp-status-warning-fg: #FFD60A;
  --sp-status-warning-bg: rgba(255,214,10,.14);
  --sp-status-danger-fg: #FF453A;
  --sp-status-danger-bg: rgba(255,69,58,.14);
  --sp-status-info-fg: #64D2FF;
  --sp-status-info-bg: rgba(100,210,255,.14);
  --sp-status-neutral-fg: #D1D1D6;
  --sp-status-neutral-bg: #2C2C2E;
  --sp-sentiment-mixed-fg: #BF5AF2;
  --sp-sentiment-mixed-bg: rgba(191,90,242,.14);
  --sp-chart-gridline: #292c36;
  --sp-chart-label: #999eaa;
  --sp-chart-axis: #636366;
  --sp-chart-crosshair: #3A3A3C;
  --sp-chart-tooltip-bg: #171922;
  --sp-chart-tooltip-border: #292c36;
  --sp-chart-series-llm-referral: #ff7545;
  --sp-chart-series-bot-purpose: #6ea2ff;
  --sp-chart-track: #22232b;
  --sp-model-chatgpt: #30D158;
  --sp-model-gemini: #64D2FF;
  --sp-model-claude: #FF9F0A;
  --sp-model-perplexity: #5AC8C8;
  --sp-model-grok: #5E5CE6;
  --sp-model-llama: #FFD60A;
  --sp-model-copilot: #BF5AF2;
  --sp-elevation-1: 0 1px 3px rgba(0,0,0,.35);
  --sp-elevation-2: 0 12px 32px rgba(0,0,0,.45);
  --sp-elevation-3: 0 24px 72px rgba(0,0,0,.60);
}

html[data-theme="dark"] {
  --sp-button-accent-bg: #6d5dfc;
  --sp-button-accent-bg-hover: #6456e8;
  --sp-button-accent-bg-pressed: #5e50d9;
  --sp-button-accent-label: #FFFFFF;
  --sp-button-inverted-bg: #f5f6f8;
  --sp-button-inverted-bg-hover: #e8e9eb;
  --sp-button-inverted-bg-pressed: #d1d2d6;
  --sp-button-inverted-label: #08090d;
  --sp-button-primary-bg: #f5f6f8;
  --sp-button-primary-bg-hover: #e8e9eb;
  --sp-button-primary-bg-pressed: #d1d2d6;
  --sp-button-primary-label: #08090d;
  --sp-button-secondary-bg: #11131a;
  --sp-button-secondary-border: #292c36;
  --sp-button-secondary-label: #f5f6f8;
  --sp-button-danger-bg: #d70015;
  --sp-button-danger-bg-hover: #d32f2f;
  --sp-button-danger-bg-pressed: #b71c1c;
  --sp-button-danger-label: #FFFFFF;
  --sp-button-disabled-bg: #292c36;
  --sp-button-disabled-label: #999eaa;
  --sp-button-disabled-border: #3A3A3C;
  --sp-input-bg: #11131a;
  --sp-input-border: #292c36;
  --sp-table-row-height-standard: 48px;
  --sp-table-row-height-compact: 40px;
  --sp-table-row-height-comfortable: 56px;
  --sp-sidebar-expanded: 240px;
  --sp-sidebar-collapsed: 72px;
  --sp-topbar-height: 56px;
}

html[data-theme="dark"] {
  color-scheme: dark;
}

/* Numeric metrics / tables / chart axes */
.sp-numeric {
  font-variant-numeric: tabular-nums lining-nums;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  :root {
    --sp-motion-fast: 0ms;
    --sp-motion-standard: 0ms;
    --sp-motion-emphasized: 0ms;
  }
}