/* VENDORED from JakobMelchard/.config tokens/tokens.css @v1.1.0. Do not edit; run config-sync. */
/* generated by shared/design/build_tokens.py from shared/design/tokens.json (JakobMelchard v1) */

:root,
[data-theme='dark'] {
  color-scheme: dark;
  --bg: #0b0d10;
  --card: #15171f;
  --glass: rgba(255, 255, 255, 0.06);
  --line: rgba(98, 114, 164, 0.25);
  --grid: rgba(238, 244, 255, 0.035);
  --fg: #f8f8f2;
  --muted: #6272a4;
  --accent: #8be9fd;
  --pink: #ff79c6;
  --purple: #bd93f9;
  --green: #50fa7b;
  --orange: #ffb86c;
  --red: #ff5555;
  --hover: rgba(139, 233, 253, 0.07);
  --ghost: rgba(255, 255, 255, 0.18);
  --scrim: rgba(0, 0, 0, 0.7);
  --scrim-blur: rgba(11, 13, 16, 0.8);
  --link: var(--accent);
  --caret: var(--red);
  --success: var(--green);
  --warn: var(--orange);
  --danger: var(--red);
  --info: var(--purple);
  --highlight: var(--pink);
  --shadow-overlay: 0 16px 64px rgba(0, 0, 0, 0.5);
}

[data-theme='light'] {
  color-scheme: light;
  --bg: #ffffff;
  --card: #f2f2f5;
  --glass: #f2f2f5;
  --line: rgba(0, 0, 0, 0.1);
  --grid: rgba(0, 0, 0, 0.04);
  --fg: #1a1a2e;
  --muted: #6b7280;
  --accent: #2563eb;
  --pink: #e11d48;
  --purple: #7c3aed;
  --green: #059669;
  --orange: #d97706;
  --red: #dc2626;
  --hover: rgba(37, 99, 235, 0.07);
  --ghost: rgba(0, 0, 0, 0.18);
  --scrim: rgba(0, 0, 0, 0.4);
  --scrim-blur: rgba(255, 255, 255, 0.8);
  --link: var(--accent);
  --caret: var(--red);
  --success: var(--green);
  --warn: var(--orange);
  --danger: var(--red);
  --info: var(--purple);
  --highlight: var(--pink);
  --shadow-overlay: 0 16px 64px rgba(0, 0, 0, 0.18);
}

:root {
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --measure-app: 720px;
  --measure-palette: 480px;
  --measure-cv: 980px;
  --control-height: 40px;
  --tap-target: 44px;
  --cursor-width: 4px;
  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-2xl: 28px;
  --radius-pill: 999px;
  --radius-circle: 50%;
  --blur-sm: 6px;
  --blur-md: 8px;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --font-sans: Satoshi, sans-serif;
  --font: var(--font-mono);
}