/* Designsystem 1.0 — Meeresblaue Farbpalette am 06.09.2026 vom Nutzer freigegeben. */
/* Compact connected mailboxes, user request 10 September 2026. */
:root{--coast-inbox-account-columns:5;--coast-inbox-account-gap:var(--coast-space-3);--coast-inbox-account-font-size:14px}
@media(max-width:1000px){:root{--coast-inbox-account-columns:3}}
@media(max-width:680px){:root{--coast-inbox-account-columns:2}}
@media(max-width:440px){:root{--coast-inbox-account-columns:1}}
/* Shared order CTA colors extended to content pages, user request 10.09.2026. */
:root {
  --coast-cta: #F5A623;
  --coast-cta-hover: #E59618;
  --coast-cta-text: var(--coast-ink);
}
/* Homepage hero CTA emphasis requested 10.09.2026. */
:root {
  --coast-home-cta: var(--coast-cta);
  --coast-home-cta-hover: var(--coast-cta-hover);
  --coast-home-cta-active: #D98A10;
  --coast-home-cta-text: var(--coast-cta-text);
  --coast-home-cta-font-size: 20px;
  --coast-home-cta-height: var(--coast-space-16);
  --coast-home-cta-padding-x: var(--coast-space-6);
  --coast-home-cta-padding-y: var(--coast-space-4);
}
:root {
  --coast-header-mobile-padding: var(--coast-space-2);
  --coast-header-mobile-gap: var(--coast-space-1);
  --coast-nav-mobile-gap: var(--coast-space-2);
  --coast-nav-mobile-height: var(--coast-space-12);
  --coast-nav-mobile-font-size: 16px;
}
/* Cookie text link, 08.09.2026: existing primary/body/space-12 tokens; palette unchanged. */
: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}

/* Compact administration requested 07.09.2026; public type scale unchanged. */
:root{--coast-admin-card-padding:16px;--coast-admin-gap:16px;--coast-admin-h2:24px;--coast-admin-h3:20px;--coast-admin-table-padding:12px}

/* Compact mobile header requested 08.09.2026. */
:root{
 --coast-header-control:44px;
 --coast-header-icon:28px;
 --coast-language-flag-width:30px;
 --coast-language-flag-height:20px;
}

/* Semantic administration status colors requested 07.09.2026. */
:root{
 --coast-status-success-text:#20633D;
 --coast-status-success-bg:#E7F5EB;
 --coast-status-waiting-text:var(--coast-warning);
 --coast-status-waiting-bg:var(--coast-warning-bg);
 --coast-status-progress-text:var(--coast-primary-hover);
 --coast-status-progress-bg:var(--coast-soft);
 --coast-status-error-text:var(--coast-error);
 --coast-status-error-bg:var(--coast-error-bg);
 --coast-status-neutral-text:var(--coast-muted);
 --coast-status-neutral-bg:var(--coast-sand);
}

/* HolidayParking cookie banner layout requested for all fishing brands, 10.09.2026. */
:root{
 --coast-cookie-max:880px;
 --coast-cookie-padding-y:18px;
 --coast-cookie-padding-x:20px;
 --coast-cookie-radius:14px;
 --coast-cookie-title:16px;
 --coast-cookie-copy:13px;
 --coast-cookie-button:13px;
 --coast-cookie-control-height:44px;
 --coast-cookie-button-radius:7px;
 --coast-cookie-dialog-max:560px;
 --coast-cookie-shadow:0 6px 36px color-mix(in srgb,var(--coast-ink) 17%,transparent);
}
@media(max-width:600px){:root{
 --coast-cookie-padding-y:var(--coast-space-3);
 --coast-cookie-padding-x:var(--coast-space-3);
 --coast-cookie-radius:11px;
 --coast-cookie-title:14px;
 --coast-cookie-copy:12px;
 --coast-cookie-button:12px;
}}