/* ============================================================
   EUROPE — per-event theme (brand palette + event-only tweaks)

   This file is THIS event's own. Loaded AFTER the shared
   shared/assets/css/styles.css, so anything here overrides the shared
   defaults for Europe only — it does NOT affect Canada / India / etc.

   Two things live here:
   1. The brand palette + fonts (below). Every Travel Week shares the same
      structure but has its own colors, so each event redefines these tokens.
   2. Any Europe-only design tweaks (add rules at the bottom).

   To clone for a new region: copy this file to events/<region>/assets/css/
   and change the values. Structural CSS stays in the shared stylesheet —
   edit THAT only for changes that should apply to every event.
   ============================================================ */
:root {
  /* ---- Brand palette (Europe) ---- */
  --navy:    #101F36;   /* primary background */
  --navy-2:  #17263f;   /* raised surface */
  --navy-3:  #0e1c31;   /* alternate section band */
  --ink:     #0c1728;   /* deepest panel (hero, get-involved) */
  --footer:  #0a1526;   /* footer base */
  --mint:    #D3E798;   /* accent ONLY — never a background fill behind copy */
  --dblue:   #4C5768;
  --bgray:   #808A97;
  --warm-1:  #D1BD8B;
  --warm-3:  #E7DDC4;

  /* ---- Fonts (shared across Travel Weeks, but overridable per event) ---- */
  --font-display: 'Oswald', 'Arial Narrow', sans-serif;
  --font-body:    'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ---- Europe-only design tweaks ----
   Add rules below for changes you want on the Europe site ONLY. Anything that
   should apply to every Travel Week goes in shared/assets/css/styles.css. */

/* Hero wave: fade the green/star graphic out to transparent toward the LEFT so
   the lines don't run behind the headline — matching Canada's hero treatment.
   (Stays full-bleed / full-height via the shared cover background.) */
.hero .wave {
  -webkit-mask: linear-gradient(90deg, transparent 0%, transparent 6%, #000 55%);
          mask: linear-gradient(90deg, transparent 0%, transparent 6%, #000 55%);
}