/* Generated by tools/build-tokens.py. Edit design-tokens.json. */
:root {
  --color-brand: #174A5B;
  --color-brand-hover: #113A48;
  --color-canvas: #FAF9F6;
  --color-surface: #FFFFFF;
  --color-sea: #DCEEF1;
  --color-sand: #E9D8BC;
  --color-ink: #263238;
  --color-muted: #52616A;
  --color-border: #72868E;
  --color-divider: #CED8D9;
  --color-success: #266349;
  --color-success-bg: #E8F2EB;
  --color-warning: #7A4B12;
  --color-warning-bg: #FFF0D6;
  --color-error: #A63732;
  --color-error-bg: #FCEBE8;
  --color-disabled: #52616A;
  --color-disabled-bg: #E4E8E7;
  --font-family: 'DM Sans', system-ui, sans-serif;
  --font-regular: 400;
  --font-medium: 500;
  --font-bold: 700;
  --text-small: 0.875rem;
  --text-admin: 1rem;
  --text-body: 1.125rem;
  --text-lead: 1.375rem;
  --text-h3: 1.5rem;
  --text-h2: 2rem;
  --text-h1: 3.5rem;
  --text-line: 1.6;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --radius-control: 0.75rem;
  --radius-public: 1.25rem;
  --radius-admin: 0.5rem;
  --radius-pill: 999px;
  --layout-max: 80rem;
  --layout-reading: 44rem;
  --layout-sidebar: 16rem;
  --layout-tap: 3rem;
  --motion-fast: 140ms;
  --motion-normal: 220ms;
  --motion-easing: cubic-bezier(0.2, 0, 0, 1);
  --focus-width: 3px;
  --focus-offset: 3px;
  --shadow-dialog: 0 20px 80px rgb(23 74 91 / 20%);
  --z-nav: 20;
  --z-toast: 30;
  --breakpoint-phone: 375px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1024px;
  --breakpoint-wide: 1280px;
}