:root {
  --color-surface: #ffffff;
  --color-subtle: #f5f6f8;
  --color-ink: #12151b;
  --color-action: #16191f;
  --color-accent: #3158d5;
  --color-secondary: #606b7b;
  --color-border: #e3e5e9;
  --color-success: #3c6a50;
  --color-error: #a42838;
  --ivory: var(--color-surface);
  --ink: var(--color-ink);
  --violet: var(--color-accent);
  --lavender: #f0f2f7;
  --green: #e4efe8;
  --line: var(--color-border);
  --muted: var(--color-secondary);
  --sans: Manrope, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --serif: var(--sans);
  --text-xs: 0.6875rem;
  --text-sm: 0.8125rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-title: clamp(2rem, 4vw, 4rem);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-control: 3px;
  --radius-panel: 4px;
  --shadow-drawer: -20px 0 80px #12151b20;
  --motion-fast: 160ms;
  --layout-max: 1440px;
  --gutter: 48px;
}
@media (max-width: 760px) {
  :root {
    --gutter: 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
  }
}