/* Generated from drafts/design-md/06-stilles-buch__rotdorn-schiefer/DESIGN.md by design-draft/tokens_css.py — do not edit. */
:root {
  --surface: #ffffff;
  --surface-dim: #d7dadf;
  --surface-bright: #ffffff;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #f4f6fc;
  --surface-container: #eef1f6;
  --surface-container-high: #e6e8ee;
  --surface-container-highest: #e0e2e8;
  --on-surface: #0f1820;
  --on-surface-variant: #5c646d;
  --inverse-surface: #1d2935;
  --inverse-on-surface: #eef1f6;
  --outline: #8a919b;
  --outline-variant: #d6dee8;
  --surface-tint: #87111d;
  --primary: #87111d;
  --on-primary: #ffffff;
  --primary-container: #87111d;
  --on-primary-container: #ffffff;
  --inverse-primary: #f2a7a0;
  --secondary: #68000f;
  --on-secondary: #ffffff;
  --secondary-container: #87111d;
  --on-secondary-container: #ffffff;
  --tertiary: #3f6a88;
  --on-tertiary: #ffffff;
  --tertiary-container: #cfdeea;
  --on-tertiary-container: #001e2f;
  --error: #ba1a1a;
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --on-error-container: #93000a;
  --primary-fixed: #ffdad8;
  --primary-fixed-dim: #ffb3b0;
  --on-primary-fixed: #410006;
  --on-primary-fixed-variant: #8c1520;
  --secondary-fixed: #ffe1e0;
  --secondary-fixed-dim: #ffbbb8;
  --on-secondary-fixed: #410006;
  --on-secondary-fixed-variant: #8c1520;
  --tertiary-fixed: #dae6ef;
  --tertiary-fixed-dim: #aec5d6;
  --on-tertiary-fixed: #001e2f;
  --on-tertiary-fixed-variant: #1c4b67;
  --background: #ffffff;
  --on-background: #0f1820;
  --surface-variant: #dbe3ed;
  --surface-base: #ffffff;
  --surface-muted: #eef2f5;
  --status-success: #3f6a88;
  --status-warning: #9e6d1c;
  --status-error: #ba1a1a;
  --text-heading: #0f1820;
  --text-body: #505860;
  --accent-brass-light: #f2a7a0;
  --type-display-lg-size: 60px;
  --type-display-lg-weight: 400;
  --type-display-lg-line: 66px;
  --type-display-lg-tracking: -0.015em;
  --type-headline-lg-size: 40px;
  --type-headline-lg-weight: 500;
  --type-headline-lg-line: 48px;
  --type-headline-lg-tracking: -0.01em;
  --type-headline-md-size: 28px;
  --type-headline-md-weight: 500;
  --type-headline-md-line: 36px;
  --type-headline-md-tracking: -0.005em;
  --type-headline-sm-size: 21px;
  --type-headline-sm-weight: 500;
  --type-headline-sm-line: 30px;
  --type-body-size: 16px;
  --type-body-weight: 400;
  --type-body-line: 26px;
  --type-label-uppercase-size: 13px;
  --type-label-uppercase-weight: 600;
  --type-label-uppercase-line: 18px;
  --type-label-uppercase-tracking: 0.18em;
  --type-button-size: 16px;
  --type-button-weight: 600;
  --type-button-line: 20px;
  --type-button-tracking: 0.01em;
  --type-display-xl-size: 84px;
  --type-display-xl-weight: 400;
  --type-display-xl-line: 88px;
  --type-display-xl-tracking: -0.02em;
  --type-body-lg-size: 19px;
  --type-body-lg-weight: 400;
  --type-body-lg-line: 31px;
  --type-label-sm-size: 12px;
  --type-label-sm-weight: 600;
  --type-label-sm-line: 16px;
  --type-label-sm-tracking: 0.14em;
  --type-numeral-xl-size: 128px;
  --type-numeral-xl-weight: 400;
  --type-numeral-xl-line: 104px;
  --type-numeral-xl-tracking: -0.02em;
  --type-numeral-size: 48px;
  --type-numeral-weight: 400;
  --type-numeral-line: 48px;
  --type-quote-lg-size: 36px;
  --type-quote-lg-weight: 400;
  --type-quote-lg-line: 48px;
  --type-quote-lg-tracking: -0.005em;
  --type-quote-mark-size: 160px;
  --type-quote-mark-weight: 400;
  --type-quote-mark-line: 112px;
  --type-phone-size: 44px;
  --type-phone-weight: 500;
  --type-phone-line: 48px;
  --type-caption-size: 16px;
  --type-caption-weight: 400;
  --type-caption-line: 24px;
  --space-base: 8px;
  --space-xs: 4px;
  --space-sm: 12px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 96px;
  --container-max: 1200px;
  --gutter: 32px;
  --space-section-gap: 144px;
  --space-section-gap-mobile: 88px;
  --space-container-narrow: 680px;
  --space-margin-desktop: 64px;
  --space-margin-tablet: 40px;
  --space-margin-mobile: 20px;
  --space-gutter-mobile: 16px;
  --radius-sm: 2px;
  --radius: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-xl: 6px;
  --radius-full: 9999px;
  --radius-button: 2px;
  --radius-input: 2px;
  --radius-card: 3px;
  --font-heading: 'Newsreader', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --font-body: 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-label: 'Public Sans', system-ui, sans-serif;
  /* Implementation tokens */
  --fs-display-xl: clamp(44px, 6.4vw, 84px);
  --fs-h1: clamp(38px, 4.8vw, 60px);
  --fs-h2: clamp(30px, 3.4vw, 40px);
  --fs-h3: 28px / 36px;
  --fs-h4: 21px / 30px;
  --fs-body: 16px / 26px;
  --fs-lead: 19px / 31px;
  --fs-numeral-xl: clamp(88px, 10vw, 128px);
  --fs-numeral: clamp(40px, 4vw, 48px);
  --fs-figure: clamp(48px, 5vw, 64px);
  --fs-quote: clamp(26px, 3vw, 36px);
  --fs-quote-mark: clamp(112px, 12vw, 160px);
  --fs-phone: clamp(34px, 3.6vw, 44px);
  --fs-caption: 16px / 24px;
  --radius-arch: 9999px 9999px 3px 3px;
  --shadow-card: none;
  --shadow-paper: 0 14px 30px -18px rgba(15,24,32,0.22);
  --shadow-hover: 0 20px 40px -20px rgba(15,24,32,0.30);
  --hairline: 1px solid var(--outline-variant);
  --hairline-dark: 1px solid rgba(238,241,246,0.24);
  --focus: 2px solid var(--primary-container);
  --container-narrow: 680px;
  --section-gap: 144px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}
@media (max-width: 767px) {
  :root {
    --type-display-lg-size: 38px;
    --type-display-lg-weight: 400;
    --type-display-lg-line: 44px;
    --type-display-lg-tracking: -0.01em;
  }
}