/* Thunderchalk design tokens, generated from docs/design-system/tokens.json. Don't edit by hand:
 * change the design system, then re-sync this file (see docs/design-system/README.md).
 * Light is the default; set data-theme="dark" on <html> for dark. */

:root,
[data-theme="light"] {
  --canvas: #ffffff;
  --stage: #f7f7f7;
  --page: #ffffff;
  --field: #f3f3f3;
  --hover: #f7f7f7;
  --line: #ececec;
  --line-control: #8f8f8f;
  --ink: #111111;
  --ink-muted: #6b6b6b;
  --on-ink: #ffffff;
  --select: #111111;
  --on-select: #ffffff;
  --select-soft: #f0f0f0;
  --draft: #ffa319;
  --ok: #1d6b3a;
  --danger: #b3261e;
  --placeholder: #e7e7e4;
  --placeholder-mark: #c9c9c5;
  --chip: #ffffffee;
  --shadow-chip: 0 0 0 1px rgba(0,0,0,0.07), 0 4px 12px rgba(0,0,0,0.06);
  --shadow-page: 0 0 0 1px rgba(0,0,0,0.04);
}

[data-theme="dark"] {
  --canvas: #141414;
  --stage: #0c0c0c;
  --page: #1b1b1b;
  --field: #222222;
  --hover: #1e1e1e;
  --line: #2a2a2a;
  --line-control: #6e6e6e;
  --ink: #ececec;
  --ink-muted: #9b9b9b;
  --on-ink: #141414;
  --select: #f2f2f2;
  --on-select: #111111;
  --select-soft: #2a2a2a;
  --draft: #ffa319;
  --ok: #6cc98f;
  --danger: #ff8a80;
  --placeholder: #2a2a2a;
  --placeholder-mark: #3c3c3c;
  --chip: #262626ee;
  --shadow-chip: 0 0 0 1px rgba(255,255,255,0.08), 0 2px 6px rgba(0,0,0,0.5);
  --shadow-page: 0 0 0 1px rgba(255,255,255,0.06);
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-full: 999px;
  --topbar-height: 64px;
  --sidebar-width: 440px;
  --tabrail-width: 128px;
  --preview-mobile: 390px;
  --touch-target: 38px;
  --font-sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-wire: "Helvetica Neue", Helvetica, Arial, sans-serif;
}