/* DESIGN.md is authoritative. LEAP overrides: palette, existing grid, content. */
:root {
  --color-primary: #005663;
  --color-background: #FAFAF8;
  --color-accent: #D49B37;
  --color-secondary: #7A8B7B;
  --color-surface: #F5F7F7;
  --color-background-original: #F4F1EB;
  --color-surface-original: #DDD5C1;
  --color-ink: color-mix(in srgb, var(--color-primary) 28%, black);
  --color-on-primary: #FFFFFF;
  --color-muted: color-mix(in srgb, var(--color-primary) 75%, var(--color-background-original));
  --color-rule: color-mix(in srgb, var(--color-primary) 36%, transparent);
  --color-focus: var(--color-primary);
  --font-display: 'Anton', 'Noto Sans JP', sans-serif;
  --font-body: 'DM Sans', 'Noto Sans JP', sans-serif;
  --font-caption: system-ui, sans-serif;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-section: 80px;
  --text-caption: 12px;
  --text-sm: 14px;
  --text-body: 16px;
  --text-subheading: 26px;
  --text-heading: 32px;
  --text-heading-lg: 48px;
  --text-heading-2xl: 80px;
  --text-heading-3xl: 96px;
  --text-display: 189px;
  --radius-card: 40px;
  --radius-pill: 800px;
  --radius-small: 16px;
  --radius-medium: 20px;
  --radius-input: 100px;
  --page-width: 1280px;
  --page-gutter: 32px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-short: 180ms;
  --page-grid-size: 24px;
  --page-grid-lines: linear-gradient(to right, rgb(0 86 99 / 0.09) 1px, transparent 1px), linear-gradient(to bottom, rgb(0 86 99 / 0.09) 1px, transparent 1px);
}