/* Generated from tokens.json. Edit the JSON, then run scripts/build.py. */
:root {
  --ek-color-brand-atlantic: #184936;
  --ek-color-brand-atlantic-deep: #103C2B;
  --ek-color-brand-cream: #F7F2DE;
  --ek-color-brand-paper: #FFFCEF;
  --ek-color-brand-lime: #ADC666;
  --ek-color-brand-muted: #52635A;
  --ek-color-brand-line: #819488;
  --ek-color-brand-error: #9B3029;
  --ek-color-brand-terracotta: #C6754E;
  --ek-color-brand-ochre: #D7AC58;
  --ek-color-brand-sage: #DDE5C5;
  --ek-color-brand-night: #102C23;
  --ek-color-brand-night-raised: #1A392E;
  --ek-color-brand-night-muted: #BECBB5;
  --ek-color-brand-error-light: #FFB4A9;
  --ek-color-brand-warning: #775214;
  --ek-color-brand-warning-light: #E7C579;
  --ek-color-brand-control-border: #75877C;
  --ek-space-4: 4px;
  --ek-space-8: 8px;
  --ek-space-12: 12px;
  --ek-space-16: 16px;
  --ek-space-24: 24px;
  --ek-space-32: 32px;
  --ek-space-48: 48px;
  --ek-space-64: 64px;
  --ek-space-96: 96px;
  --ek-radius-field: 12px;
  --ek-radius-card: 24px;
  --ek-radius-panel: 32px;
  --ek-radius-pill: 999px;
  --ek-font-display: Fraunces Variable, Georgia, serif;
  --ek-font-body: DM Sans, Arial, sans-serif;
  --ek-type-caption: 14px;
  --ek-type-body: 17px;
  --ek-type-lead: 20px;
  --ek-type-h3: 28px;
  --ek-type-h2: 40px;
  --ek-type-h1: 56px;
  --ek-type-display: 80px;
  --ek-motion-fast: 120ms;
  --ek-motion-base: 240ms;
  --ek-motion-slow: 450ms;
  --ek-motion-ease: cubic-bezier(0.22, 0.75, 0.25, 1);
  --ek-layout-container: 1200px;
  --ek-layout-reading: 65ch;
  --ek-layout-control: 58px;
  --ek-layout-touch: 48px;
  --ek-elevation-flat: none;
}
:root, [data-theme="light"] {
  --ek-background: #F7F2DE;
  --ek-surface: #FFFCEF;
  --ek-text: #184936;
  --ek-muted: #52635A;
  --ek-border: #75877C;
  --ek-action: #184936;
  --ek-action-hover: #103C2B;
  --ek-on-action: #F7F2DE;
  --ek-accent: #ADC666;
  --ek-focus: #184936;
  --ek-danger: #9B3029;
  --ek-success: #184936;
  --ek-warning: #775214;
}
[data-theme="dark"] {
  --ek-background: #102C23;
  --ek-surface: #1A392E;
  --ek-text: #F7F2DE;
  --ek-muted: #BECBB5;
  --ek-border: #819488;
  --ek-action: #ADC666;
  --ek-action-hover: #DDE5C5;
  --ek-on-action: #102C23;
  --ek-accent: #ADC666;
  --ek-focus: #ADC666;
  --ek-danger: #FFB4A9;
  --ek-success: #ADC666;
  --ek-warning: #E7C579;
}
@media (prefers-reduced-motion: reduce) { :root { --ek-motion-fast: 0ms; --ek-motion-base: 0ms; --ek-motion-slow: 0ms; } }