/* Generated from packages/theme/theme.ts. Do not edit by hand. */
:root {
  --color-navy: #14213D;
  --color-signal: #FFD23F;
  --color-signal-light: #FFF4C2;
  --color-paper: #FFFFFF;
  --color-surface: #EEF1F6;
  --color-border: #B7C0CF;
  --color-muted: #3F4A63;
  --color-muted-strong: #2E3850;
  --color-on-navy-muted: #C9D1E0;
  --color-safe: #15803D;
  --color-safe-text: #14532D;
  --color-alert-bg: #FDECEA;
  --color-alert-border: #F5C6C0;
  --color-alert-text: #9B1C1C;
  --color-heart: #F0607A;
  --font-size-caption: 14px;
  --font-size-small: 15px;
  --font-size-label: 16px;
  --font-size-body: 17px;
  --font-size-body-large: 18px;
  --font-size-button: 19px;
  --font-size-card-title: 20px;
  --font-size-choice-title: 21px;
  --font-size-heading: 24px;
  --font-size-title: 28px;
  --font-size-title-large: 30px;
  --font-size-app-title: 36px;
  --font-size-display: 44px;
  --font-size-big-button: 40px;
  --radius-badge: 6px;
  --radius-small: 10px;
  --radius-card: 12px;
  --radius-choice: 14px;
  --radius-large: 16px;
  --radius-logo: 18px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-screen-x: 22px;
  --space-screen-top: 28px;
  --touch-min-target: 48px;
  --touch-button: 56px;
  --touch-button-large: 60px;
  --touch-big-check-in: 200px;
  --border-width: 2px;
  --font-family: 'Atkinson Hyperlegible', sans-serif;
}