/* Spotlight design tokens. GENERATED by bin/tokens from design/tokens/*.tokens.json: do not edit.
 * Dark is the default theme; [data-theme="light"] is the accessibility theme. */

:root,
[data-theme="dark"] {
  --sl-paper: #0a0f14;
  --sl-paper-2: #111821;
  --sl-paper-3: #1a2330;
  --sl-paper-4: #243042;
  --sl-text: #f0f4f7;
  --sl-text-2: #d4dce3;
  --sl-text-dim: #9ba8b4;
  --sl-text-mute: #6e7c89;
  --sl-line: #243042;
  --sl-line-strong: #34425a;
  --sl-teal: #6cfaf3;
  --sl-teal-deep: #2ee8e1;
  --sl-teal-soft: #0e2424;
  --sl-green: #4ade80;
  --sl-green-soft: #0f2418;
  --sl-amber: #fbd267;
  --sl-amber-soft: #2a1e08;
  --sl-red: #fb7268;
  --sl-red-soft: #2a100e;
  --sl-bronze: #d4955f;
  --sl-silver: #b8c5cd;
  --sl-gold: #e8c547;
  --sl-ch-blue: #4a90ff;
  --sl-ch-blue-ink: #ffffff;
  --sl-ch-gold: #e8c547;
  --sl-ch-gold-ink: #1e1a06;
  --sl-ch-cyan: #6cfaf3;
  --sl-ch-cyan-ink: #00201e;
  --sl-ch-copper: #e0a673;
  --sl-ch-copper-ink: #1e1208;
  --sl-ch-violet: #a993f2;
  --sl-ch-violet-ink: #140b33;
  --sl-ch-olive: #b3cc52;
  --sl-ch-olive-ink: #151a03;
  --sl-ch-magenta: #e47bd2;
  --sl-ch-magenta-ink: #2a0a24;
  --sl-ch-rose: #f58ba8;
  --sl-ch-rose-ink: #2b0a13;
  --sl-ch-slate: #a4b2c3;
  --sl-ch-slate-ink: #0f151c;
  --sl-ch-sky: #5ec4f2;
  --sl-ch-sky-ink: #03202e;
  --sl-viz-paid-social: #3987e5;
  --sl-viz-paid-search: #c98500;
  --sl-viz-email: #199e70;
  --sl-viz-direct-mail: #d95926;
  --sl-viz-sms: #9085e9;
  --sl-viz-p2p: #d55181;
  --sl-viz-organic: #5e9e2e;
  --sl-viz-primary: #6cfaf3;
  --sl-viz-prior: #6e7c89;
  --sl-viz-grid: #1a2330;
  --sl-viz-axis: #6e7c89;
  --sl-viz-spark: #9ba8b4;
  --sl-viz-seq-0: rgba(108, 250, 243, 0.04);
  --sl-viz-seq-1: rgba(108, 250, 243, 0.10);
  --sl-viz-seq-2: rgba(108, 250, 243, 0.17);
  --sl-viz-seq-3: rgba(108, 250, 243, 0.25);
  --sl-viz-seq-4: rgba(108, 250, 243, 0.34);
  --sl-viz-seq-5: rgba(108, 250, 243, 0.46);
  --sl-glow-teal: 0 0 12px rgba(108, 250, 243, 0.22);
  --sl-glow-text: 0 0 18px rgba(108, 250, 243, 0.30);
}

[data-theme="light"] {
  --sl-paper: #ffffff;
  --sl-paper-2: #f7f8f9;
  --sl-paper-3: #eff1f3;
  --sl-paper-4: #e4e7ea;
  --sl-text: #0f1419;
  --sl-text-2: #2c3640;
  --sl-text-dim: #475561;
  --sl-text-mute: #6b7785;
  --sl-line: #d8dde2;
  --sl-line-strong: #b5bcc4;
  --sl-teal: #0a6e6a;
  --sl-teal-deep: #064240;
  --sl-teal-soft: #e6f4f3;
  --sl-green: #0a7a3f;
  --sl-green-soft: #e6f4ed;
  --sl-amber: #9a6b00;
  --sl-amber-soft: #fbf1dc;
  --sl-red: #b42318;
  --sl-red-soft: #fce9e7;
  --sl-bronze: #8b5a2b;
  --sl-silver: #525b63;
  --sl-gold: #7a5a0f;
  --sl-ch-blue: #2f6fe0;
  --sl-ch-blue-ink: #ffffff;
  --sl-ch-gold: #b8901a;
  --sl-ch-gold-ink: #ffffff;
  --sl-ch-cyan: #2ec4bd;
  --sl-ch-cyan-ink: #002220;
  --sl-ch-copper: #cc8c52;
  --sl-ch-copper-ink: #1e1208;
  --sl-ch-violet: #8468de;
  --sl-ch-violet-ink: #ffffff;
  --sl-ch-olive: #66801a;
  --sl-ch-olive-ink: #ffffff;
  --sl-ch-magenta: #a8389a;
  --sl-ch-magenta-ink: #ffffff;
  --sl-ch-rose: #c2405f;
  --sl-ch-rose-ink: #ffffff;
  --sl-ch-slate: #5d6f84;
  --sl-ch-slate-ink: #ffffff;
  --sl-ch-sky: #1a7fb0;
  --sl-ch-sky-ink: #ffffff;
  --sl-viz-paid-social: #2a78d6;
  --sl-viz-paid-search: #c98500;
  --sl-viz-email: #1baf7a;
  --sl-viz-direct-mail: #eb6834;
  --sl-viz-sms: #7a5bd6;
  --sl-viz-p2p: #d6457f;
  --sl-viz-organic: #3e8e2a;
  --sl-viz-primary: #0a6e6a;
  --sl-viz-prior: #8a95a1;
  --sl-viz-grid: #eff1f3;
  --sl-viz-axis: #6b7785;
  --sl-viz-spark: #475561;
  --sl-viz-seq-0: rgba(10, 110, 106, 0.03);
  --sl-viz-seq-1: rgba(10, 110, 106, 0.08);
  --sl-viz-seq-2: rgba(10, 110, 106, 0.14);
  --sl-viz-seq-3: rgba(10, 110, 106, 0.21);
  --sl-viz-seq-4: rgba(10, 110, 106, 0.29);
  --sl-viz-seq-5: rgba(10, 110, 106, 0.38);
  --sl-glow-teal: none;
  --sl-glow-text: none;
}

:root {
  --sl-channel-google: #4285f4;
  --sl-channel-meta: #1877f2;
  --sl-channel-linkedin: #0a66c2;
  --sl-channel-microsoft: #00a4ef;
  --sl-channel-email: #6cfaf3;
  --sl-channel-organic: #d4955f;
  --sl-channel-direct: #b8c5cd;
  --sl-channel-referral: #e8c547;
  --sl-channel-p2p: #6cfaf3;
  --sl-channel-direct-mail: #d4955f;
  --sl-text-2xs: 9px;
  --sl-text-xs: 10px;
  --sl-text-sm: 11px;
  --sl-text-md: 13px;
  --sl-text-lg: 14px;
  --sl-text-xl: 17px;
  --sl-display-sm: 22px;
  --sl-display-md: 28px;
  --sl-display-lg: 34px;
  --sl-tracking-mono: 0.08em;
  --sl-tracking-tight: -0.02em;
  --sl-space-1: 4px;
  --sl-space-2: 6px;
  --sl-space-3: 8px;
  --sl-space-4: 12px;
  --sl-space-5: 16px;
  --sl-space-6: 20px;
  --sl-space-7: 24px;
  --sl-space-8: 32px;
  --sl-radius: 0px;
  --sl-border: 1px;
  --sl-font-display: Fraunces, Georgia, serif;
  --sl-font-sans: Sora, system-ui, -apple-system, sans-serif;
  --sl-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;
}