/* Generated from drafts/design-md/02-bogen-punkt__salbei-navy/DESIGN.md by design-draft/tokens_css.py — do not edit. */
:root {
  --surface: #ffffff;
  --surface-dim: #d9dae0;
  --surface-bright: #ffffff;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #f5f6fd;
  --surface-container: #f0f0f7;
  --surface-container-high: #e7e8ee;
  --surface-container-highest: #e1e2e9;
  --on-surface: #0c192a;
  --on-surface-variant: #5e636e;
  --inverse-surface: #0c192a;
  --inverse-on-surface: #faf8f3;
  --outline: #8c919c;
  --outline-variant: #e3ddd2;
  --surface-tint: #687760;
  --primary: #687760;
  --on-primary: #ffffff;
  --primary-container: #687760;
  --on-primary-container: #ffffff;
  --inverse-primary: #b3cea6;
  --secondary: #4d6543;
  --on-secondary: #ffffff;
  --secondary-container: #687760;
  --on-secondary-container: #ffffff;
  --tertiary: #6a7962;
  --on-tertiary: #ffffff;
  --tertiary-container: #d8e8cc;
  --on-tertiary-container: #121f0e;
  --error: #ba1a1a;
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --on-error-container: #93000a;
  --primary-fixed: #cfebc0;
  --primary-fixed-dim: #b3cea6;
  --on-primary-fixed: #0b2006;
  --on-primary-fixed-variant: #364d2e;
  --secondary-fixed: #d5f0c6;
  --secondary-fixed-dim: #b9d4ab;
  --on-secondary-fixed: #0b2006;
  --on-secondary-fixed-variant: #364d2e;
  --tertiary-fixed: #ddedd1;
  --tertiary-fixed-dim: #c1d1b6;
  --on-tertiary-fixed: #121f0e;
  --on-tertiary-fixed-variant: #3d4b36;
  --background: #ffffff;
  --on-background: #0c192a;
  --surface-variant: #dee2ef;
  --surface-base: #ffffff;
  --surface-muted: #f2eee6;
  --status-success: #6a7962;
  --status-warning: #9e6d1c;
  --status-error: #ba1a1a;
  --text-heading: #0c192a;
  --text-body: #525761;
  --page-cream: #faf8f3;
  --page-sand: #f2eee6;
  --arch-field: #c5cdbc;
  --type-display-lg-size: 104px;
  --type-display-lg-weight: 900;
  --type-display-lg-line: 88px;
  --type-display-lg-tracking: -0.045em;
  --type-headline-lg-size: 40px;
  --type-headline-lg-weight: 700;
  --type-headline-lg-line: 44px;
  --type-headline-lg-tracking: -0.02em;
  --type-headline-md-size: 26px;
  --type-headline-md-weight: 700;
  --type-headline-md-line: 32px;
  --type-headline-md-tracking: -0.01em;
  --type-headline-sm-size: 20px;
  --type-headline-sm-weight: 700;
  --type-headline-sm-line: 26px;
  --type-headline-sm-tracking: 0em;
  --type-body-size: 16px;
  --type-body-weight: 400;
  --type-body-line: 26px;
  --type-body-tracking: 0em;
  --type-label-uppercase-size: 13px;
  --type-label-uppercase-weight: 500;
  --type-label-uppercase-line: 18px;
  --type-label-uppercase-tracking: 0.28em;
  --type-button-size: 17px;
  --type-button-weight: 500;
  --type-button-line: 24px;
  --type-button-tracking: 0em;
  --type-body-lg-size: 20px;
  --type-body-lg-weight: 300;
  --type-body-lg-line: 30px;
  --type-body-lg-tracking: 0em;
  --space-base: 8px;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 96px;
  --container-max: 1240px;
  --gutter: 24px;
  --space-section-gap: 96px;
  --space-container-narrow: 760px;
  --space-margin-desktop: 64px;
  --space-margin-mobile: 20px;
  --radius-sm: 4px;
  --radius: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --radius-full: 9999px;
  --font-heading: 'Inter Tight', 'Arial Black', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-label: 'DM Sans', system-ui, sans-serif;
  /* Implementation tokens */
  --fs-h1: clamp(60px, 9vw, 104px);
  --fs-h2: clamp(30px, 3.6vw, 40px);
  --fs-body: 16px / 26px;
  --page: page-cream;
  --container-narrow: 760px;
  --ease: 0.18s ease;
}
@media (max-width: 767px) {
  :root {
    --type-display-lg-size: 60px;
    --type-display-lg-weight: 900;
    --type-display-lg-line: 52px;
    --type-display-lg-tracking: -0.04em;
  }
}