/**
 * Nouwen Bouw & Dakservice — design tokens (donker bosgroen + donkergrijs)
 * Typografie: Plus Jakarta Sans — strak, eigen karakter; géén generieke WP/system-stack.
 */
:root {
  /* Primair merkgroen (donkerder variant, zelfde familie als logo) */
  --color-brand-green: #3d7a2e;
  --color-brand-green-hover: #325f24;
  --color-brand-green-rgb: 61, 122, 46;
  --color-brand-green-soft: rgba(var(--color-brand-green-rgb), 0.1);
  --color-brand-green-muted: rgba(var(--color-brand-green-rgb), 0.28);

  /* Aankondigingsbalk — afgeleid van logo (zwart + merkgroen) */
  --color-announce-left: #0a0f0d;
  --color-announce-right: var(--color-brand-green);
  --color-announce-star: #e8c547;
  /* Schuine naad tussen links/rechts (px — gelijk houden aan clip-path + overlap) */
  --announce-seam: 36px;

  /* Licht header */
  --color-bg-header: #ffffff;
  --color-text-header: #0f1512;
  --color-text-header-muted: #3d4844;
  --color-border-header: rgba(15, 21, 18, 0.1);
  --color-border-header-strong: rgba(15, 21, 18, 0.14);

  --font-brand: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --font-sans: var(--font-brand);
  --font-weight-nav: 600;
  --letter-spacing-nav: 0.01em;

  --header-max-width: 1200px;
  --header-padding-x: clamp(1rem, 4vw, 1.5rem);
  /**
   * Zelfde horizontale start/einde als .site-header__inner (gecentreerd blok + zij-padding).
   * Gebruik voor full-bleed stroken waar de kleur wél 100% breed loopt maar tekst met de hoofdbalk meeloopt.
   */
  --header-content-inset-left: max(
    env(safe-area-inset-left, 0px),
    calc((100vw - min(100vw, var(--header-max-width))) * 0.5 + var(--header-padding-x))
  );
  --header-content-inset-right: max(
    env(safe-area-inset-right, 0px),
    calc((100vw - min(100vw, var(--header-max-width))) * 0.5 + var(--header-padding-x))
  );
  --header-logo-height: clamp(1.75rem, 3.8vw, 2.5rem);
  --radius-button: 6px;

  --duration-fast: 180ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);

  --tap-min: 44px;
}