/* Generated from tokens.json by build_tokens.py. Edit JSON, then rebuild. */
:root {
  --color-canvas: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-subtle: #F7F6F4;
  --color-hover: #F0EEEB;
  --color-ink: #303238;
  --color-secondary: #56575C;
  --color-muted: #6D6B68;
  --color-line: #E0DDD8;
  --color-control: #8A817A;
  --color-brand: #B94320;
  --color-brand-hover: #A83719;
  --color-brand-pressed: #8B2C16;
  --color-brand-soft: #FFF1E9;
  --color-on-brand: #FFFFFF;
  --color-accent: #F04923;
  --color-accent-soft: #FFF0EA;
  --color-success: #246447;
  --color-success-soft: #E8F2EB;
  --color-warning: #805B12;
  --color-warning-soft: #FBF2DA;
  --color-danger: #AE342A;
  --color-danger-soft: #FCEDEB;
  --color-info: #2D617C;
  --color-info-soft: #EAF2F8;
  --color-focus: #C44722;
  --font-family: Geologica, 'Segoe UI', Arial, sans-serif;
  --font-caption: 12px;
  --font-meta: 13px;
  --font-body: 15px;
  --font-lead: 17px;
  --font-h3: 18px;
  --font-h2: 24px;
  --font-h1: 40px;
  --font-display: 64px;
  --line-body: 1.5;
  --line-heading: 1.2;
  --weight-regular: 400;
  --weight-medium: 500;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-small: 2px;
  --radius-control: 3px;
  --radius-panel: 0px;
  --radius-pill: 999px;
  --control-height: 44px;
  --row-height: 56px;
  --sidebar-width: 232px;
  --content-max: 1440px;
  --reading-max: 760px;
  --form-max: 560px;
  --shadow-overlay: 0 20px 70px rgba(49, 38, 28, 0.14);
  --color-backdrop: rgba(49, 38, 28, 0.28);
  --motion-fast: 120ms;
  --motion-normal: 180ms;
  --motion-easing: cubic-bezier(0.2, 0, 0, 1);
  --color-accent-text: #B53516;
  --corner-card: 24px;
  --corner-control: 8px;
}
@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 0ms; --motion-normal: 0ms; }
}