@font-face {
  font-family: "Hauora";
  src: url("../fonts/Hauora-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Hauora";
  src: url("../fonts/Hauora-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Hauora";
  src: url("../fonts/Hauora-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

:root {
  --reference-r3-sha: "3f112781c5313c24caf340ef86ace59fe272b8ba61bb05f499ff9290aa8dcce6";
  --color-brand: #355b57;
  --color-brand-active: #244440;
  --color-brand-strong: #1f3936;
  --color-brand-soft: #e9efee;
  --color-canvas: #f7f8f8;
  --color-surface: #ffffff;
  --color-surface-soft: #fbfbfb;
  --color-border: #e5e7eb;
  --color-control-border: #8d949e;
  --color-text: #111111;
  --color-text-soft: #292d32;
  --color-text-muted: #606875;
  --color-text-subtle-disabled: #8d949e;
  --color-on-brand: #ffffff;
  --color-danger-text: #b44f53;
  --color-danger-soft: #fae8e7;
  --color-warning-text: #7f581b;
  --color-warning-soft: #f8efd9;
  --color-info-text: #315f82;
  --color-info-soft: #e9f1f7;
  --focus-on-light: #244440;
  --focus-on-brand: #ffffff;
  --font-family: "Hauora", "Segoe UI", sans-serif;
  --font-mono: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
  --font-caption: 0.75rem;
  --font-label: 0.8125rem;
  --font-body: 0.875rem;
  --font-title-sm: 1rem;
  --font-title-md: 1.25rem;
  --font-title-lg: 1.5rem;
  --font-display: clamp(1.9rem, 4vw, 2.8rem);
  --line-tight: 1.12;
  --line-ui: 1.25;
  --line-body: 1.5;
  --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-10: 2.5rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-pill: 999px;
  --sidebar-width: 15rem;
  --content-width: 90rem;
  --content-padding: clamp(1rem, 2vw, 2rem);
  --focus-width: 2px;
  --focus-offset: 3px;
  --target-desktop: 40px;
  --target-mobile: 44px;
  --motion-duration: 160ms;
  --reduced-motion-duration: 0.01ms;
  --ease-standard: ease;
}