/* Generated by apps/site/build.ts from @saints/shared/design/tokens. Do not edit. */
:root {
  color-scheme: light dark;
  --color-paper: #FCFCFB;
  --color-surface: #FFFFFF;
  --color-ink: #2B2826;
  --color-muted: #6B6663;
  --color-hairline: #DCEFF7;
  --color-harbour: #007CB3;
  --color-sky: #14A9E2;
  --color-sky-tint: #D9F0FA;
  --color-gold: #F0B53C;
  --color-gold-tint: #FCEFD2;
  --color-crimson: #C2185B;
  --color-navy: #00539B;
  --color-green: #00853F;
  --color-on-harbour: #FFFFFF;
  --color-on-gold: #2B2826;
  --color-on-crimson: #FFFFFF;
  --color-on-navy: #FFFFFF;
  --color-on-green: #FFFFFF;
  --color-crimson-text: #C2185B;
  --color-gold-text-on-tint: #2B2826;
  --color-harbour-text-on-sky-tint: #2B2826;
  --stripe-1: #14A9E2;
  --stripe-2: #F0B53C;
  --stripe-3: #C2185B;
  --font-heading: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-body: "PT Sans", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --text-screen-title: 1.75rem;
  --text-section-heading: 1.25rem;
  --text-card-title: 1.0625rem;
  --text-button: 1rem;
  --text-body: 0.9375rem;
  --text-row-button: 0.9375rem;
  --text-chip: 0.9375rem;
  --text-small: 0.8125rem;
  --text-pill: 0.75rem;
  --text-tab-label: 0.6875rem;
  --space-unit: 4px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 32px;
  --space-gutter: 16px;
  --radius-card: 10px;
  --radius-heading-block: 4px;
  --radius-pill: 999px;
  --size-stripe: 4px;
  --size-tap-target: 44px;
  --size-primary-button: 52px;
  --size-text-max: 680px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-paper: #141312;
    --color-surface: #1F1D1C;
    --color-ink: #F2F0EE;
    --color-muted: #A9A4A0;
    --color-hairline: #2A3A42;
    --color-harbour: #4DBBEB;
    --color-sky: #14A9E2;
    --color-sky-tint: #123241;
    --color-gold: #F0B53C;
    --color-gold-tint: #3A2D12;
    --color-crimson: #C2185B;
    --color-navy: #1F6FC0;
    --color-green: #3DBB74;
    --color-on-harbour: #141312;
    --color-on-gold: #141312;
    --color-on-crimson: #FFFFFF;
    --color-on-navy: #FFFFFF;
    --color-on-green: #141312;
    --color-crimson-text: #F06292;
    --color-gold-text-on-tint: #F0B53C;
    --color-harbour-text-on-sky-tint: #4DBBEB;
  }
}