/* Designsystem 1.0 — Meeresblaue Farbpalette am 06.09.2026 vom Nutzer freigegeben. */
:root {
  --coast-ink: #10385B;
  --coast-text: #304D65;
  --coast-muted: #576E81;
  --coast-primary: #086DB5;
  --coast-primary-hover: #07568F;
  --coast-paper: #FFFFFF;
  --coast-sand: #F3F8FC;
  --coast-soft: #E5F2FC;
  --coast-line: #D5E2EC;
  --coast-input-border: #738A9D;
  --coast-gold: #58B4EA;
  --coast-error: #AE3434;
  --coast-error-bg: #FFF0EF;
  --coast-success: #1B598D;
  --coast-success-bg: #EAF4FD;
  --coast-warning: #795412;
  --coast-warning-bg: #FFF3D9;
  --coast-focus: #10385B;
  --coast-font-heading: 'Manrope', sans-serif;
  --coast-font-body: 'Source Sans 3', sans-serif;
  --coast-h1-hero: 60px;
  --coast-h1-hero-mobile: 36px;
  --coast-h1-page: 44px;
  --coast-h1-page-mobile: 32px;
  --coast-h2: 36px;
  --coast-h2-mobile: 28px;
  --coast-h3: 24px;
  --coast-h3-mobile: 22px;
  --coast-leading-h1: 1.08;
  --coast-leading-h2: 1.2;
  --coast-leading-h3: 1.3;
  --coast-radius-control: 8px;
  --coast-radius-card: 16px;
  --coast-space-1: 4px;
  --coast-space-2: 8px;
  --coast-space-3: 12px;
  --coast-space-4: 16px;
  --coast-space-6: 24px;
  --coast-space-8: 32px;
  --coast-space-12: 48px;
  --coast-space-16: 64px;
  --coast-space-24: 96px;
  --coast-content-max: 1200px;
  --coast-reading-max: 720px;
}

/* Compact spacing approved by user, 7 September 2026. */
:root{
 --coast-section-space:48px;
 --coast-section-space-mobile:32px;
 --coast-hero-before:32px;
 --coast-hero-after:24px;
 --coast-offer-before:32px;
 --coast-block-space:32px;
 --coast-card-padding:24px;
 --coast-grid-gap:24px;
 --coast-badge-before:24px;
 --coast-badge-after:16px;
}

:root{--coast-review-gap:16px;--coast-review-padding:24px}