/* generated by gen_tokens.py from tokens.json — do not edit */
:root {
  --color-bg: #ffffff;
  --color-surface: #f4f5f7;
  --color-surface-2: #eceef1;
  --color-surface-3: #e2e5e9;
  --color-border: #d6dae0;
  --color-border-input: #7d8590;
  --color-text: #111316;
  --color-text-muted: #575e69;
  --color-text-disabled: #a7adb5;
  --color-accent: #6b3fd1;
  --color-on-accent: #ffffff;
  --color-danger: #c22a20;
  --color-danger-fill: #c62a20;
  --color-on-danger: #ffffff;
  --color-success: #1b7442;
  --color-success-fill: #1a7943;
  --color-on-success: #ffffff;
  --color-warning: #ffc53d;
  --color-on-warning: #1a1300;
  --color-scrim: #000000;
  --color-on-scrim: #ffffff;
  --font-sans: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --text-caption: 12px; --leading-caption: 16px; --weight-caption: 500;
  --text-footnote: 13px; --leading-footnote: 18px; --weight-footnote: 400;
  --text-sub: 15px; --leading-sub: 20px; --weight-sub: 400;
  --text-body: 17px; --leading-body: 22px; --weight-body: 400;
  --text-headline: 17px; --leading-headline: 22px; --weight-headline: 600;
  --text-title3: 20px; --leading-title3: 25px; --weight-title3: 600;
  --text-title: 28px; --leading-title: 34px; --weight-title: 700;
  --text-display: 34px; --leading-display: 41px; --weight-display: 700;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-card: 24px;
  --radius-pill: 999px;
  --shadow-card: 0 8px 24px rgba(0,0,0,.35);
  --shadow-pop: 0 16px 40px rgba(0,0,0,.45);
  --motion-fast: 120ms;
  --motion-base: 220ms;
  --motion-ease: cubic-bezier(.2,.8,.2,1);
}
@media (prefers-color-scheme: dark) {
 :root:not([data-theme="light"]) {
  --color-bg: #0e0f11;
  --color-surface: #17191c;
  --color-surface-2: #202328;
  --color-surface-3: #2a2e34;
  --color-border: #33373e;
  --color-border-input: #737b87;
  --color-text: #f4f5f7;
  --color-text-muted: #a3a9b3;
  --color-text-disabled: #5d636c;
  --color-accent: #b69cff;
  --color-on-accent: #140a2b;
  --color-danger: #ff6b61;
  --color-danger-fill: #c62a20;
  --color-on-danger: #ffffff;
  --color-success: #3fd483;
  --color-success-fill: #1a7943;
  --color-on-success: #ffffff;
  --color-warning: #ffc53d;
  --color-on-warning: #1a1300;
  --color-scrim: #000000;
  --color-on-scrim: #ffffff;
 }
}
:root[data-theme="dark"] {
  --color-bg: #0e0f11;
  --color-surface: #17191c;
  --color-surface-2: #202328;
  --color-surface-3: #2a2e34;
  --color-border: #33373e;
  --color-border-input: #737b87;
  --color-text: #f4f5f7;
  --color-text-muted: #a3a9b3;
  --color-text-disabled: #5d636c;
  --color-accent: #b69cff;
  --color-on-accent: #140a2b;
  --color-danger: #ff6b61;
  --color-danger-fill: #c62a20;
  --color-on-danger: #ffffff;
  --color-success: #3fd483;
  --color-success-fill: #1a7943;
  --color-on-success: #ffffff;
  --color-warning: #ffc53d;
  --color-on-warning: #1a1300;
  --color-scrim: #000000;
  --color-on-scrim: #ffffff;
}