:root {
  --fledge-navy: #1C364E;
  --fledge-night: #13263A;
  --fledge-ink: #1F2A36;
  --fledge-slate: #5C6670;
  --fledge-mist: #A9B3BC;
  --fledge-linen: #E8E0D0;
  --fledge-ivory: #F6F1E7;
  --fledge-paper: #FBF8F2;
  --fledge-settled: #3E6B55;
  --fledge-notice: #86652A;
  --fledge-alert: #8E3B32;
  --fledge-background: #FBF8F2;
  --fledge-surface: #FFFFFF;
  --fledge-surface-alt: #F6F1E7;
  --fledge-text-primary: #1F2A36;
  --fledge-text-secondary: #5C6670;
  --fledge-border: #E8E0D0;
  --fledge-primary: #1C364E;
  --fledge-on-primary: #F6F1E7;
  --fledge-font-display: Georgia, "Noto Serif", serif;
  --fledge-font-text: Georgia, "Noto Serif", serif;
  --fledge-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --fledge-space-1: 4px;
  --fledge-space-2: 8px;
  --fledge-space-3: 12px;
  --fledge-space-4: 16px;
  --fledge-space-6: 24px;
  --fledge-space-8: 32px;
  --fledge-space-12: 48px;
  --fledge-space-16: 64px;
  --fledge-radius-control: 8px;
  --fledge-radius-card: 14px;
  --fledge-radius-sheet: 20px;
  --fledge-target-min: 48px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fledge-background: #13263A;
    --fledge-surface: #1A3048;
    --fledge-surface-alt: #1C364E;
    --fledge-text-primary: #F6F1E7;
    --fledge-text-secondary: #A9B3BC;
    --fledge-border: #2B4560;
    --fledge-primary: #F6F1E7;
    --fledge-on-primary: #1C364E;
  }
}
.fledge-display { font-family: var(--fledge-font-display); font-size: 56px; line-height: 60px; font-weight: 400; }
.fledge-h1 { font-family: var(--fledge-font-display); font-size: 40px; line-height: 44px; font-weight: 400; }
.fledge-h2 { font-family: var(--fledge-font-display); font-size: 28px; line-height: 34px; font-weight: 400; }
.fledge-h3 { font-family: var(--fledge-font-display); font-size: 21px; line-height: 28px; font-weight: 500; }
.fledge-body { font-family: var(--fledge-font-text); font-size: 17px; line-height: 27px; font-weight: 400; }
.fledge-bodySmall { font-family: var(--fledge-font-text); font-size: 15px; line-height: 23px; font-weight: 400; }
.fledge-label { font-family: var(--fledge-font-ui); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; }
.fledge-button { font-family: var(--fledge-font-ui); font-size: 15px; line-height: 20px; font-weight: 500; }