/* Generated by brand/tools/build_tokens.py. Edit JSON sources, then rebuild. */
:root {
  color-scheme: light;
  --color-ivory: #FBF7EF;
  --color-parchment: #F3E9D7;
  --color-ink: #1F2430;
  --color-stone: #D9D1C4;
  --color-abbey-green: #314A43;
  --color-muted-gold: #C6A15B;
  --color-wax-burgundy: #6E2E3B;
  --color-ash-brown: #6B5A4A;
  --color-mist-blue-grey: #91A0A8;
  --text: var(--color-ink);
  --text-muted: var(--color-ash-brown);
  --text-on-primary: var(--color-ivory);
  --link: var(--color-abbey-green);
  --action-primary: var(--color-abbey-green);
  --action-warning: var(--color-wax-burgundy);
  --accent-progress: var(--color-muted-gold);
  --focus: var(--color-abbey-green);
  --surface-page: var(--color-ivory);
  --surface-card: var(--color-ivory);
  --surface-subtle: var(--color-parchment);
  --surface-neutral: var(--color-stone);
  --border-subtle: var(--color-stone);
  --border-control: var(--color-ash-brown);
  --border-divider: var(--color-mist-blue-grey);
  --surface-warning: rgb(110 46 59 / 5%);
  --surface-success: rgb(49 74 67 / 6%);
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
  --font-mono: ui-monospace, Consolas, monospace;
  --font-size-xs: 0.8125rem;
  --font-size-sm: 0.875rem;
  --font-size-body: 1rem;
  --font-size-lead: 1.125rem;
  --font-size-title: clamp(2rem, 5vw, 3rem);
  --font-size-section: 1.375rem;
  --line-body: 1.65;
  --line-heading: 1.15;
  --weight-regular: 400;
  --weight-medium: 600;
  --weight-strong: 700;
  --tracking-label: 0.08em;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --radius-pill: 999px;
  --shadow-card: 0 4px 20px rgb(31 36 48 / 4%);
  --shadow-raised: 0 8px 32px rgb(31 36 48 / 8%);
  --border-width: 1px;
  --focus-width: 3px;
  --focus-offset: 3px;
  --transition-fast: 140ms ease-out;
  --transition-standard: 200ms ease-out;
  --content-width: 60rem;
  --reading-width: 44rem;
  --app-width: 56rem;
  --settings-width: 46rem;
  --home-width: 38rem;
  --control-min-height: 2.75rem;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0ms;
    --transition-standard: 0ms;
  }
}