/* ============================================================
   INDIA — 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 India only — it does NOT
   affect Europe / Canada / etc.

   Palette source: TravelWeek2026_India_Identity_Style_Guide.pdf +
   the official India RGB logo SVGs (Box 382447091684):
     PRIMARY maroon  #721140   (from the maroon logo)
     ACCENT  orange  #FAAE31   (from the orange logo — ACCENT ONLY,
                                 never a background fill, per the guide)
   Guide rules: orange logo on maroon = approved; maroon logo on orange
   = not; orange is never a background fill; approved background is the
   maroon gradient. Fonts kept on Oswald + Montserrat for consistency
   with the other Travel Weeks (Kat 2026-07-21), not the guide's Gotham.

   FIRST-PASS palette: deep maroon background system + orange as the one
   pervasive accent (like Europe's mint / Canada's sand). India's full
   secondary/tertiary tiers can be layered in later from style-guide p.7.
   ============================================================ */
:root {
  /* ---- Background system — DEEP maroon/aubergine.
     Brand maroon #721140 is bright across big fills, so backgrounds sit
     deeper and the brand maroon + orange live in accents. ---- */
  --navy:    #45102c;   /* primary background — deep maroon */
  --navy-2:  #551336;   /* raised surface */
  --navy-3:  #380d24;   /* alternate section band (darker) */
  --ink:     #2b0a1c;   /* deepest panel (hero base) */
  --footer:  #230816;   /* footer base */
  --maroon:  #721140;   /* brand Primary maroon — accent / gradient highlight */

  /* ---- Accent — ORANGE, the pervasive UI accent (like Europe's green).
     The shared CSS keys every accent off --mint, so setting it to orange
     recolors eyebrows, numbers, buttons, links, rules, and the wave in ONE
     place. Orange stays an accent only — never a background fill (brand). ---- */
  --mint:    #FFB031;   /* brand orange (TWI registry) — the working accent everywhere */
  --magenta: #9B1F75;   /* brand magenta (TWI registry) — secondary accent tier */

  /* RGB components so the shared translucent overlays + accent tints render in
     India's palette (not Europe's navy/mint). MUST track the hex tokens above:
       --navy-rgb -> --navy (#45102c)   --ink-rgb -> --ink (#2b0a1c)
       --mint-rgb -> --mint (#FAAE31)
     This is what keeps the sticky-nav/hero scrims maroon (not purple) and the
     accent tints orange (not green). ---- */
  --navy-rgb: 69, 16, 44;
  --ink-rgb:  43, 10, 28;
  --mint-rgb: 255, 176, 49;

  /* ---- Warm neutrals (used by shared warm/secondary spots on the dark theme) ---- */
  --warm-1:  #E7C9A0;
  --warm-2:  #F0E2CC;
  --warm-3:  #F5ECDC;

  /* ---- Muted / body copy neutrals (mauve-tinted so they read on maroon) ---- */
  --bgray:   #B79AA6;

  /* ---- Text (light, for the dark maroon theme) ---- */
  --text:       #F6ECEF;   /* warm near-white */
  --text-muted: #E0C9D2;   /* muted mauve */
  --text-faint: #C3A6B2;   /* faint mauve */
  --charcoal:   #3a2430;   /* Body Copy — for any LIGHT-bg context only */

  /* ---- Fonts ---- shared type system across the Travel Weeks. */
  --font-display: 'Oswald', 'Arial Narrow', sans-serif;
  --font-body:    'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ---- India-only design tweaks ----
   Add rules below for changes you want on the India 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 maroon glow over the deep
   maroons, so the hero reads as a rich maroon, not a flat fill. */
.hero, .page-hero {
  background: radial-gradient(120% 115% at 32% 20%, #6a1741 0%, #430f2a 52%, #290719 100%);
}

/* Hero wave — India has no isolated web wave asset yet (design elements are
   Illustrator-only), so reuse the shared Travel Week wave SHAPE and recolor it
   India orange via CSS mask (same treatment as Canada). Right-anchored at full
   height; the orange lines FADE OUT to transparent toward the left so on wide
   screens they dissolve into the maroon hero. Swap in India's own wave export
   later if the design team provides one. */
.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 hidden) — suppress the shared footer's
   sponsor-logo band. Remove when sponsors are added. */
.sponsors-logos { display: none; }

/* Drop the shared "Save the Date" band (reads as a second footer without the
   sponsor CTA above it). */
.savedate { display: none; }

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