/* 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-order-width: 366px;
  --coast-validity-padding: var(--coast-space-3);
  --coast-validity-title-size: 16px;
  --coast-validity-region-size: 14px;
  --coast-validity-note-size: 13px;
  --coast-home-cta-radius: 16px;
  --coast-home-cta-shadow: 0 4px 0 #10385B18, 0 8px 20px #10385B0D;
  --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-header-mobile-brand-size: 15px;
  --coast-header-mobile-mark-size: 32px;
  --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;
}}

/* Compact article previews requested 12.09.2026, shared by all brands. */
:root{
 --coast-article-card-min:300px;
 --coast-article-card-gap:var(--coast-space-4);
 --coast-article-card-padding:var(--coast-space-4);
 --coast-article-card-title:20px;
 --coast-article-card-copy:16px;
 --coast-article-card-lines:3;
}

/* Administration workspace requested 12 September 2026. */
:root{
 --coast-admin-sidebar:224px;
 --coast-admin-max:1480px;
 --coast-admin-layout-gap:var(--coast-space-6);
 --coast-admin-title:28px;
 --coast-admin-copy:16px;
 --coast-admin-nav-copy:15px;
 --coast-admin-mobile-nav-columns:2;
 --coast-admin-unread-bg:var(--coast-soft);
 --coast-admin-unread-accent:var(--coast-primary);
 --coast-admin-attention-bg:var(--coast-cta);
 --coast-admin-attention-text:var(--coast-cta-text);
 --coast-admin-delivery-border:2px;
}

/* Dashboard work cards, 14.10.2026. */
:root{--coast-dashboard-columns:4;--coast-dashboard-value-size:32px;--coast-chart-spain:var(--coast-primary);--coast-chart-canary:var(--coast-cta);--coast-chart-mallorca:var(--coast-ink);--coast-chart-sfl:var(--coast-gold)}

/* Yellow review stars, all brands and locales, 14.10.2026. */
:root{--coast-review-star:#F5B800}

/* Paired dashboard task cards, desktop and mobile, 14.10.2026. */
:root{--coast-dashboard-task-columns:1}

/* Compact checkout introduction, user request 17.10.2026. */
:root{--coast-checkout-intro-space:var(--coast-space-4);--coast-checkout-section-gap:var(--coast-space-3)}

/* Compact order summary and person controls, 17.10.2026. */
:root{--coast-checkout-card-padding:var(--coast-space-4);--coast-checkout-total-size:32px;--coast-checkout-card-gap:var(--coast-space-3)}

/* Readable birth-date input, 17.10.2026. */
:root{--coast-birthdate-font-size:18px}

/* Image to first content card spacing, 17.10.2026. */
:root{--coast-home-image-after:var(--coast-space-2);--coast-home-answer-before:var(--coast-space-4)}

/* Dense checkout price summary, 17.10.2026. */
:root{--coast-price-summary-padding:var(--coast-space-3);--coast-price-summary-total:28px}

/* Uniform homepage card spacing, approved 17.10.2026. */
:root{--coast-home-stack-gap:var(--coast-space-3)}

/* Compact three-step explanation, requested 17.10.2026. */
:root{--coast-steps-heading-size:28px;--coast-steps-card-heading-size:18px;--coast-steps-copy-size:15px;--coast-steps-gap:var(--coast-space-3);--coast-steps-padding:var(--coast-space-4)}

/* Compact homepage FAQ, requested 17.10.2026. */
:root{--coast-home-faq-heading-size:28px;--coast-home-faq-question-size:16px;--coast-home-faq-copy-size:15px}

/* Compact homepage knowledge area, 17.10.2026. */
:root{--coast-home-knowledge-heading:28px;--coast-home-knowledge-subheading:20px;--coast-home-knowledge-card-heading:18px;--coast-home-knowledge-copy:14px}

/* Separate homepage topics with compact panels, 17.10.2026. */
:root{--coast-home-topic-gap:var(--coast-space-4);--coast-home-topic-inset:var(--coast-space-3)}

/* Compact person quantity card, 17.10.2026. */
:root{--coast-person-picker-width:240px;--coast-person-picker-control:48px}

/* Compact knowledge overview, 17.10.2026. */
:root{--coast-knowledge-title:36px;--coast-knowledge-heading:22px;--coast-knowledge-card-title:18px;--coast-knowledge-copy:15px;--coast-knowledge-gap:var(--coast-space-4)}

/* Compact fish-size overview, 17.10.2026. */
:root{--coast-sizes-title:36px;--coast-sizes-heading:22px;--coast-sizes-subheading:18px;--coast-sizes-copy:15px;--coast-sizes-table-copy:14px}

/* Compact full FAQ page, 17.10.2026. */
:root{--coast-faq-title:36px;--coast-faq-heading:22px;--coast-faq-question:16px;--coast-faq-answer:15px}

/* Compact public review overview, 17.10.2026. */
:root{--coast-reviews-title:36px;--coast-reviews-card-title:18px;--coast-reviews-copy:15px;--coast-reviews-score:32px}

/* Compact single-line inbox tabs, 18.10.2026. */
:root{--coast-inbox-tab-copy:12px}

/* Compact dashboard spacing, 18.10.2026. */
:root{--coast-dashboard-section-gap:var(--coast-space-3)}


/* Sales in the existing visitor chart, 20.10.2026. */
:root{--coast-chart-sales:var(--coast-error)}

/* Compact dashboard person cards, 21.10.2026. */
:root{--coast-dashboard-person-width:300px;--coast-dashboard-list-heading:22px}

/* Compact order workspace, 21.10.2026. */
:root{--coast-order-title:26px;--coast-order-heading:20px;--coast-order-subheading:18px;--coast-order-copy:14px}

/* Compact authority handoff, 21.10.2026. */
:root{--coast-authority-copy:var(--coast-order-copy);--coast-authority-field-width:220px}