/* ==========================================================================
   DESIGN TOKENS — Visit East Greenland
   Colors sampled from the brand's own logo lockups and printed collateral.
   ========================================================================== */

:root {
  /* ---- Base palette ---- */
  --egw-forest-900:   #304e37; /* brand green: bands, buttons, eyebrows, borders */
  --egw-forest-800:   #263e2c; /* hover/press states */
  --egw-sage-400:     #93b69c; /* secondary accent */
  --egw-sage-200:     #c7dacc; /* soft sage fill (chips) */
  --egw-ink-black:    #000000;
  --egw-paper-white:  #ffffff;
  --egw-stone-100:    #e6ebe9; /* quiet section backgrounds */
  --egw-cream-050:    #f4f2ec; /* page background, text on dark */
  --egw-night:        #0d1512; /* near-black video/photo sections */

  /* ---- Semantic aliases ---- */
  --color-bg:              var(--egw-cream-050);
  --color-surface:         var(--egw-paper-white);
  --color-surface-muted:   var(--egw-stone-100);
  --color-text:            var(--egw-ink-black);
  --color-text-muted:      #43483f;
  --color-brand-primary:   var(--egw-forest-900);
  --color-brand-primary-hover: var(--egw-forest-800);
  --color-brand-secondary: var(--egw-sage-400);
  --color-border:          #d8d3c5;

  /* ---- Type ----
     Larken is the real brand face (licensed via Adobe Fonts). Playfair
     Display is the approved fallback until a Typekit kit is added. */
  --font-display: 'larken', 'Larken', 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Quicksand', -apple-system, 'Segoe UI', sans-serif;

  /* ---- Shape ---- */
  --radius-sm: 2px;     /* near-square, brand rule — used everywhere */
  --radius-pill: 999px; /* filter/tag pills only */

  /* ---- Layout ---- */
  --container-max: 1280px;
  --section-pad-y: clamp(56px, 8vw, 120px);
  --section-pad-x: clamp(20px, 6vw, 96px);
  --section-pad-y-lg: clamp(72px, 10vw, 150px);
}