/* Source: WeWeb built/index.html :root and page styles; see docs/design-system.md. */
@font-face {
  font-family: 'Work Sans';
  src: url("../fonts/work-sans/WorkSans-Variable.eec91aaffb70.ttf") format('truetype');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --color-background: #eef4f7;
  --color-surface: #ffffff;
  --color-surface-muted: #f4f8fa;
  --color-footer: #f7f4ee;
  --color-footer-border: #e2ddd3;
  --color-text: #13222e;
  --color-muted: #536875;
  --color-primary: #0f4c5c;
  --color-primary-hover: #093b49;
  --color-handoff-confirm: #202820;
  --color-handoff-toggle-muted: #b8c6cc;
  --color-border: #d6e2e8;
  --color-control-border: #5f7482;
  --color-accent: #e9a23b;
  --color-success: #2c6e49;
  --color-success-background: #eef7f1;
  --color-error: #aa3b35;
  --color-error-background: #fff3f1;
  --color-focus: #0f4c5c;
  --font-body: 'Work Sans', system-ui, sans-serif;
  --font-size-small: 0.875rem;
  --font-size-body: 1rem;
  --font-size-heading: 1.9375rem;
  --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-12: 3rem;
  --radius-control: 0.75rem;
  --radius-card: 1.375rem;
  --radius-pill: 999px;
  --page-width: 48.75rem;
  --touch-size: 2.75rem;
  --shadow-card: 0 10px 30px rgb(32 40 32 / 6%);
}