/**
 * frykt design tokens — GENERATED by build.mjs. DO NOT EDIT.
 * Source of truth: tokens/tokens.json + tokens/themes/*.json
 * Regenerate: npm run build
 */

[data-theme="light"] {
  --bg: #ffffff;
  --surface-alt: #fafafa;
  --hover: #f6f8fa;
  --text: #0a0a0a;
  --text-muted: #6b7280;
  --text-subtle: #9ca3af;
  --border: #ececec;
  --border-strong: #d4d4d4;
  --accent: #0a0a0a;
  --accent-hover: #2c2c2c;
  --accent-text: #ffffff;
  --link: #0070f3;
  --scrim: rgba(10, 10, 10, 0.45);
  --success-fg: #067647;
  --success-bg-soft: #ecfdf3;
  --success-border: #abefc6;
  --warning-fg: #b54708;
  --warning-bg-soft: #fffaeb;
  --warning-border: #fedf89;
  --danger-fg: #b42318;
  --danger-bg-soft: #fef3f2;
  --danger-border: #fecdca;
  --info-fg: #0e7490;
  --info-bg-soft: #ecfeff;
  --info-border: #a5f0fc;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, monospace;
  --fs-h1: 32px;
  --fs-h2: 22px;
  --fs-h3: 16px;
  --fs-body: 14px;
  --fs-small: 12px;
  --fs-micro: 11px;
  --lh-tight: 1.25;
  --lh-body: 1.5;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-pill: 999px;
  --shadow-popover: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-dropdown: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-modal: 0 12px 32px rgba(0, 0, 0, 0.15);
  --content-max: 1600px;
}

[data-theme="dark"] {
  --bg: #1a1a1a;
  --surface-alt: #2a2a2a;
  --hover: #333333;
  --text: #ffffff;
  --text-muted: #b0b0b0;
  --text-subtle: #808080;
  --border: #404040;
  --border-strong: #525252;
  --accent: #4a9eff;
  --accent-hover: #6cb0ff;
  --accent-text: #ffffff;
  --link: #4a9eff;
  --scrim: rgba(0, 0, 0, 0.6);
  --success-fg: #4caf50;
  --success-bg-soft: rgba(76, 175, 80, 0.12);
  --success-border: rgba(76, 175, 80, 0.35);
  --warning-fg: #ff9800;
  --warning-bg-soft: rgba(255, 152, 0, 0.12);
  --warning-border: rgba(255, 152, 0, 0.35);
  --danger-fg: #f44336;
  --danger-bg-soft: rgba(244, 67, 54, 0.12);
  --danger-border: rgba(244, 67, 54, 0.35);
  --info-fg: #00bcd4;
  --info-bg-soft: rgba(0, 188, 212, 0.12);
  --info-border: rgba(0, 188, 212, 0.35);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, monospace;
  --fs-h1: 32px;
  --fs-h2: 22px;
  --fs-h3: 16px;
  --fs-body: 14px;
  --fs-small: 12px;
  --fs-micro: 11px;
  --lh-tight: 1.25;
  --lh-body: 1.5;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-pill: 999px;
  --shadow-popover: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-dropdown: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-modal: 0 8px 32px rgba(0, 0, 0, 0.5);
  --content-max: 1600px;
}