/* Generated from C:/work/multisite/webseite/drafts/design-md/02-leitstand__burgund-gold/DESIGN.md by design-draft/tokens_css.py — do not edit. */
:root {
  --surface: #ffffff;
  --surface-dim: #e6d6d8;
  --surface-bright: #ffffff;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #fff4f5;
  --surface-container: #feedef;
  --surface-container-high: #f5e4e7;
  --surface-container-highest: #efdfe1;
  --on-surface: #2b0f18;
  --on-surface-variant: #725e62;
  --inverse-surface: #591a28;
  --inverse-on-surface: #feedef;
  --outline: #a18b90;
  --outline-variant: #f0d7db;
  --surface-tint: #8e1f3a;
  --primary: #8e1f3a;
  --on-primary: #ffffff;
  --primary-container: #8e1f3a;
  --on-primary-container: #ffffff;
  --inverse-primary: #d9b96e;
  --secondary: #750829;
  --on-secondary: #ffffff;
  --secondary-container: #8e1f3a;
  --on-secondary-container: #ffffff;
  --tertiary: #7d6230;
  --on-tertiary: #ffffff;
  --tertiary-container: #ffdea8;
  --on-tertiary-container: #271900;
  --error: #ba1a1a;
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --on-error-container: #93000a;
  --primary-fixed: #ffd9dd;
  --primary-fixed-dim: #ffb2bb;
  --on-primary-fixed: #400012;
  --on-primary-fixed-variant: #881a36;
  --secondary-fixed: #ffe1e3;
  --secondary-fixed-dim: #ffbac2;
  --on-secondary-fixed: #400012;
  --on-secondary-fixed-variant: #881a36;
  --tertiary-fixed: #ffe5bb;
  --tertiary-fixed-dim: #eac78b;
  --on-tertiary-fixed: #271900;
  --on-tertiary-fixed-variant: #5a4314;
  --background: #ffffff;
  --on-background: #2b0f18;
  --surface-variant: #f6dce1;
  --surface-base: #ffffff;
  --surface-muted: #f4ecd8;
  --status-success: #7d6230;
  --status-warning: #9e6d1c;
  --status-error: #ba1a1a;
  --text-heading: #2b0f18;
  --text-body: #655257;
  --accent-gold-pdf: #9a7b3f;
  --accent-gold-bright: #d9b96e;
  --tint-champagne: #f4ecd8;
  --tint-rose: #f7f1f0;
  --line-greige: #d8c7b0;
  --anchor-deep: #3a0f1a;
  --type-display-lg-size: 72px;
  --type-display-lg-weight: 600;
  --type-display-lg-line: 76px;
  --type-display-lg-tracking: -0.025em;
  --type-headline-lg-size: 44px;
  --type-headline-lg-weight: 600;
  --type-headline-lg-line: 52px;
  --type-headline-lg-tracking: -0.018em;
  --type-headline-md-size: 24px;
  --type-headline-md-weight: 600;
  --type-headline-md-line: 32px;
  --type-headline-md-tracking: -0.008em;
  --type-headline-sm-size: 19px;
  --type-headline-sm-weight: 600;
  --type-headline-sm-line: 26px;
  --type-body-size: 16px;
  --type-body-weight: 400;
  --type-body-line: 26px;
  --type-body-lg-size: 19px;
  --type-body-lg-weight: 400;
  --type-body-lg-line: 30px;
  --type-label-uppercase-size: 13px;
  --type-label-uppercase-weight: 500;
  --type-label-uppercase-line: 18px;
  --type-label-uppercase-tracking: 0.07em;
  --type-button-size: 16px;
  --type-button-weight: 600;
  --type-button-line: 22px;
  --type-mono-size: 14px;
  --type-mono-weight: 500;
  --type-mono-line: 20px;
  --type-numeral-sm-size: 40px;
  --type-numeral-sm-weight: 500;
  --type-numeral-sm-line: 44px;
  --type-numeral-sm-tracking: -0.03em;
  --type-numeral-size: 92px;
  --type-numeral-weight: 500;
  --type-numeral-line: 100px;
  --type-numeral-tracking: -0.04em;
  --space-base: 8px;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --container-max: 1320px;
  --gutter: 24px;
  --space-section-gap: 112px;
  --space-section-gap-mobile: 72px;
  --space-container-narrow: 760px;
  --space-margin-mobile: 16px;
  --radius-sm: 4px;
  --radius: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  --font-heading: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-label: 'IBM Plex Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  /* Implementation tokens */
  --fs-h1: clamp(42px, 5.2vw, 72px);
  --lh-h1: 1.06;
  --fs-h2: clamp(30px, 3.2vw, 44px);
  --lh-h2: 1.18;
  --fs-body: 16px;
  --lh-body: 26px;
  --shadow-card: 0 1px 2px rgba(43,15,24,0.05), 0 10px 28px -14px rgba(43,15,24,0.16);
  --shadow-hover: 0 2px 4px rgba(43,15,24,0.06), 0 20px 40px -18px rgba(43,15,24,0.26);
  --shadow-panel: 0 30px 70px -34px rgba(43,15,24,0.6);
  --panel-edge: inset 0 0 0 1px rgba(217,185,110,0.18);
  --panel-line: rgba(217,185,110,0.3);
  --glow-point: 0 0 0 4px rgba(217,185,110,0.22);
  --radius-button: 8px;
  --radius-input: 8px;
  --radius-card: 12px;
  --ease: 0.18s ease;
  --dur-pulse: 7s;
  --dur-glow: 3.2s;
}
@media (max-width: 767px) {
  :root {
    --type-display-lg-size: 42px;
    --type-display-lg-weight: 600;
    --type-display-lg-line: 46px;
    --type-display-lg-tracking: -0.02em;
    --type-headline-lg-size: 30px;
    --type-headline-lg-weight: 600;
    --type-headline-lg-line: 36px;
    --type-headline-lg-tracking: -0.012em;
  }
}