/* styles/tokens.css — design token proposal from DESIGN.md §7.
   Not yet contrast-audited on a rendered device; treat as a starting point. */
:root {
  --color-bg-canvas: #ffffff;
  --color-bg-workspace: #fbf8ff;
  --color-bg-panel: #ffffff;
  --color-ink-default: #1b1b1b;
  --color-guide: #87b9ff;
  --color-accent: #7163b5;
  --color-text: #403b59;
  --color-text-muted: #726b86;
  --color-border: #e6ddf2;
  --color-coral: #f07888;
  --color-blush: #fff0f3;
  --color-lilac: #f0edff;
  --color-danger: #b3261e;
  --color-success: #1e6b3e;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  --touch-target: 44px;
  --font-body: 16px;
  --line-body: 1.5;
  --font-stack: -apple-system, "Segoe UI", "Noto Sans Thai", "Leelawadee UI", sans-serif;
}