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

   Loaded AFTER the shared shared/assets/css/styles.css, so anything
   here overrides the shared defaults for Canada only — it does NOT
   affect Europe / India / etc.

   Palette source: TravelWeek2026_Canada_Identity_Style_Guide.pdf p.7
   (Box folder 388283451616). Full 3-tier system:
     PRIMARY (reds):   #851719  ·  #B22335  ·  #DD574F
     SECONDARY (tans): #D1BC89  ·  #DCCEA7  ·  #E6DCC3
     TERTIARY (grays): #A0A8A7  ·  #B7BDBC  ·  #CED2D2
     ACCENT (silver):  #E9E3E1   (accent ONLY — never a background fill)
     BODY COPY:        #404450   (for LIGHT backgrounds only)
   Rules (p.3–6): silver logo on red = approved; red logo on silver = not;
   silver is never a background fill; approved background is the red gradient.
   ============================================================ */
:root {
  /* ---- Background system — DEEP oxblood red (calmer than brand #851719).
     Kept dark on purpose: the brand's bright reds are loud across big fills,
     so backgrounds sit deep and the bright reds live only in small accents. ---- */
  --navy:    #4a0c0d;   /* primary background — deep red */
  --navy-2:  #5c1113;   /* raised surface */
  --navy-3:  #3e0a0b;   /* alternate section band (darker) */
  --ink:     #340809;   /* deepest panel (hero base) */
  --footer:  #2b0607;   /* footer base */
  --red-1:   #851719;   /* brand Primary Dark Red — now an accent/gradient highlight */
  --red-2:   #B22335;   /* Secondary Red */
  --red-3:   #DD574F;   /* Tertiary Coral — accent */

  /* ---- Accent — Kat's direction (2026-07-17): use the light SAND as the
     pervasive UI accent, like the green on the Europe site (not near-white
     silver). The shared CSS keys every accent off --mint, so setting it to sand
     recolors eyebrows, numbers, buttons, links, rules, and the wave in ONE
     place. Silver stays on the LOGO only (brand: silver logo on red = approved). */
  --mint:    #DCCEA7;   /* light sand — the working accent everywhere */

  /* RGB components so the shared translucent overlays + accent tints render in
     Canada's palette (not Europe's navy/mint). MUST track the hex tokens above:
       --navy-rgb = #851719   --ink-rgb = #530d0e   --mint-rgb = #E9E3E1
     This is what kills the "purple" (navy scrim over red) + the green tints. */
  --navy-rgb: 74, 12, 13;
  --ink-rgb:  52, 8, 9;
  --mint-rgb: 220, 206, 167;   /* light sand — accent tints/glows/underlines */

  /* ---- Secondary — warm tans (accents, on the dark theme) ---- */
  --warm-1:  #D1BC89;
  --warm-2:  #DCCEA7;
  --warm-3:  #E6DCC3;

  /* ---- Tertiary — cool silver-grays (drive the body/muted copy) ---- */
  --bgray:   #A0A8A7;
  --gray-2:  #B7BDBC;
  --gray-3:  #CED2D2;

  /* ---- Text (light, for the dark red theme) ---- */
  --text:       #EFECEB;   /* near-white neutral */
  --text-muted: #CED2D2;   /* Tertiary light gray */
  --text-faint: #B7BDBC;   /* Tertiary mid gray */
  --charcoal:   #404450;   /* Body Copy — for any LIGHT-bg context only */

  /* ---- Fonts ----
     Canada uses the same type system as the other Travel Weeks: Oswald for
     display, Montserrat for body (confirmed by Kat 2026-07-17 — not Gotham). */
  --font-display: 'Oswald', 'Arial Narrow', sans-serif;
  --font-body:    'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

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

/* Approved gradient background (style guide p.6): a soft Secondary-Red glow over
   the Primary/deep reds. Applied to the two big feature areas so the site reads
   as a rich red, not a flat fill. */
.hero, .page-hero {
  background: radial-gradient(120% 115% at 32% 20%, #6e1315 0%, #440b0c 52%, #290607 100%);
}

/* Star-wave — matches Europe's wave-with-star (PNG pre-flipped so the star sits
   on the right). Pinned to the right at FULL height; the sand lines FADE OUT to
   transparent toward the left (the gradient is the fill, the wave PNG is the
   mask) so on wide screens it dissolves into the hero instead of hard-cutting. */
.hero .wave {
  inset: 0 0 0 auto;               /* right-anchored, always full height */
  width: min(82%, 1200px);
  background: linear-gradient(90deg, transparent 0%, transparent 12%, var(--mint) 62%);
  -webkit-mask: url('../img/wave.png') right center / cover no-repeat;
          mask: url('../img/wave.png') right center / cover no-repeat;
  opacity: .7;
}

/* No sponsors this cycle (sponsors page is hidden), so suppress the shared
   footer's sponsor-logo placeholder band. Remove this when sponsors are added. */
.sponsors-logos { display: none; }

/* Drop the shared "Save the Date" band — with the sponsor CTA + footer base it
   read as a second footer on Canada (Kat 2026-07-17). */
.savedate { display: none; }

/* Two shared spots hardcode Europe's cool blue-gray text; use Canada neutrals. */
.hero .sub { color: var(--text-muted); }
.ticker .t, .fnav, .fnav a { color: var(--text-faint); }

/* Sand now drives every accent via --mint (above). One small CORAL secondary
   pop for depth: a colored top-edge on the cards. */
.day-card, .price-card { border-top: 2px solid var(--red-3); }