/* Studio Doit UI baseline v1 — semantic tokens shared by the local prototype. */
:root {
  --color-paper: #f3f1eb;
  --color-surface: #faf9f5;
  --color-ink: #20201e;
  --color-muted: #65635d;
  --color-line: #cbc8bf;
  --color-accent: #af3525;
  --color-on-accent: #ffffff;
  --color-dark: #191b1a;
  --color-on-dark: #f3f1eb;
  --color-focus: #2659a8;
  --color-success: #326044;
  --color-error: #ad2b25;
  --font-sans: "Helvetica Neue", Arial, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-serif: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 144px;
  --gutter: clamp(20px, 4vw, 80px);
  --content-max: 1920px;
  --type-display: clamp(76px, 9.6vw, 160px);
  --type-heading: clamp(40px, 5vw, 80px);
  --type-body: 16px;
  --type-label: 11px;
  --radius-control: 2px;
  --target-min: 48px;
  --motion-fast: 140ms;
  --motion-base: 240ms;
  --motion-editorial: 520ms;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-standard: cubic-bezier(.2, .0, .2, 1);
  --z-header: 20;
  --z-menu: 30;
  --z-review: 40;
}

@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 0ms; --motion-base: 0ms; --motion-editorial: 0ms; }
}