/* Existing website palette from variables.css/theme-light.css, exposed to the shared product components. */
:root {
  --si-bg: #eceef1;
  --si-surface1: #eceef1;
  --si-surface2: rgba(16, 20, 24, 0.05);
  --si-surface3: rgba(16, 20, 24, 0.1);
  --si-card: #f4f5f7;
  --si-panel: #f4f5f7;
  --si-ink: #101418;
  --si-ink-rgb: 16, 20, 24;
  --si-text: #101418;
  --si-text-2: rgba(16, 20, 24, 0.72);
  --si-text-3: rgba(16, 20, 24, 0.55);
  --si-quiet: rgba(16, 20, 24, 0.45);
  --si-ghost: rgba(16, 20, 24, 0.32);
  --si-ink-70: rgba(16, 20, 24, 0.7);
  --si-ink-60: rgba(16, 20, 24, 0.6);
  --si-ink-50: rgba(16, 20, 24, 0.5);
  --si-ink-35: rgba(16, 20, 24, 0.35);
  --si-ink-25: rgba(16, 20, 24, 0.25);
  --si-ink-14: rgba(16, 20, 24, 0.14);
  --si-accent: #101418;
  --si-on-accent: #ffffff;
  --si-blue: #0084cc;
  --si-up: #16a34a;
  --si-up-fill: #16a34a;
  --si-down: #dc2626;
  --si-danger: #dc2626;
  --si-gold: #e8b450;
  --si-kalshi: #00a968;
  --si-pill-on-image: rgba(255, 255, 255, 0.92);
  --si-border: rgba(16, 20, 24, 0.16);
  --si-border-strong: rgba(16, 20, 24, 0.38);
  --si-divider: rgba(16, 20, 24, 0.2);
  --si-chrome: rgba(16, 20, 24, 0.3);
  --si-fill: rgba(16, 20, 24, 0.08);
  --si-header-rule: rgba(16, 20, 24, 0.14);
  --si-scrim: rgba(16, 20, 24, 0.42);
  --si-shadow: 0 18px 48px rgba(16, 20, 24, 0.18);
  --si-bump: #15803d;

  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 12px;
  --sp-lg: 16px;
  --sp-xl: 24px;
  --sp-xxl: 32px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --si-font:
    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
  --si-col: 720px;
  --si-wide: 1120px;
  --si-gutter: 18px;
  --si-header-h: 52px;
  color-scheme: light;
}
html[data-theme="dark"] {
  --si-bg: #14171b;
  --si-surface1: #171b20;
  --si-surface2: rgba(255, 255, 255, 0.04);
  --si-surface3: rgba(255, 255, 255, 0.08);
  --si-card: #171b20;
  --si-panel: #171b20;
  --si-ink: #ffffff;
  --si-ink-rgb: 255, 255, 255;
  --si-text: #ffffff;
  --si-text-2: rgba(255, 255, 255, 0.86);
  --si-text-3: rgba(255, 255, 255, 0.775);
  --si-quiet: rgba(255, 255, 255, 0.725);
  --si-ghost: rgba(255, 255, 255, 0.66);
  --si-ink-70: rgba(255, 255, 255, 0.85);
  --si-ink-60: rgba(255, 255, 255, 0.8);
  --si-ink-50: rgba(255, 255, 255, 0.75);
  --si-ink-35: rgba(255, 255, 255, 0.675);
  --si-ink-25: rgba(255, 255, 255, 0.625);
  --si-ink-14: rgba(255, 255, 255, 0.19);
  --si-accent: #ffffff;
  --si-on-accent: #14171b;
  --si-blue: #4c8dff;
  --si-up: #4ccf7f;
  --si-up-fill: #47c47d;
  --si-down: #e76f6d;
  --si-danger: #e76f6d;
  --si-pill-on-image: rgba(30, 32, 36, 0.86);
  --si-border: rgba(255, 255, 255, 0.08);
  --si-border-strong: rgba(255, 255, 255, 0.16);
  --si-divider: rgba(255, 255, 255, 0.12);
  --si-chrome: rgba(255, 255, 255, 0.08);
  --si-fill: rgba(255, 255, 255, 0.11);
  --si-header-rule: rgba(255, 255, 255, 0.19);
  --si-scrim: rgba(0, 0, 0, 0.55);
  --si-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
  --si-bump: #47c47d;
  color-scheme: dark;
}