/* ============================================================
   TRAVEL STORY — vivid.css  (homepage only)
   A more prominent, saturated take on the Kashmir palette:
   brighter Pampore-saffron gold, fierier chinar rust, bolder
   accents and solid colour-pop CTAs. Loaded after style.css,
   so it simply enriches the existing look. Easy to remove.
   ============================================================ */

:root {
  --saffron: #ed9f16;          /* brighter Pampore saffron */
  --saffron-dark: #c67f0c;
  --chinar: #d1451f;           /* fierier autumn chinar */
  --gold: var(--saffron);
  --gold-dark: var(--saffron-dark);
  --emerald: #1f7a53;          /* Kashmir valley green accent */
}

/* ---------- Eyebrows & section accents: brighter, bolder ---------- */
.eyebrow { color: var(--saffron); font-weight: 500; }
.eyebrow::before,
.eyebrow.center::after { height: 2px; }
.script-accent { color: var(--saffron); }

/* ---------- Hero: make the gold accents read on the bright water ----------
   Deeper, more saturated gold + a dark halo (0 0 Xpx) that works as a subtle
   outline, so the "yellow" pops over pale water AND dark foliage alike. */
.brand .brand-tag { color: #ff5a3a; text-shadow: 0 1px 3px rgba(0,0,0,0.45); }
.hero-kicker {
  color: #ff5a3a;
  font-weight: 600;
  text-shadow: 0 0 4px rgba(0,0,0,0.8), 0 2px 10px rgba(0,0,0,0.55);
}
.hero-sub .rot {
  color: #ff5a3a;
  font-weight: 600;
  font-style: italic;
  text-shadow: 0 0 5px rgba(0,0,0,0.8), 0 2px 12px rgba(0,0,0,0.5);
}
/* subheadings: bolder and stronger, legible over anything */
.hero-sub {
  color: #ffffff;
  font-weight: 500;
  text-shadow: 0 2px 12px rgba(0,0,0,0.75), 0 0 2px rgba(0,0,0,0.6);
}
.hero-tag {
  color: rgba(255,255,255,0.96);
  font-weight: 500;
  text-shadow: 0 2px 9px rgba(0,0,0,0.7);
}

/* a warm colour wash so the hero isn't all green */
.hero .hero-bg::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(120deg, rgba(237,159,22,0.16), transparent 45%,
              rgba(209,69,31,0.14));
  mix-blend-mode: screen;
  pointer-events: none;
}
.hero-scroll span {
  color: #ff5a3a;
  font-weight: 600;
  text-shadow: 0 0 4px rgba(0,0,0,0.8);
}
.hero-scroll .scroll-line { background: linear-gradient(#ff5a3a, transparent); }

/* ---------- Solid, vivid primary buttons (strong colour pop) ---------- */
.btn-gold {
  border-color: transparent;
  background: linear-gradient(135deg, #f4b02c 0%, #e0921a 55%, #cf7d10 100%);
  color: #3a2503;
  font-weight: 500;
  box-shadow: 0 8px 24px -10px rgba(230,150,20,0.7);
}
.btn-gold::after { background: #b96e0a; }
.btn-gold:hover { color: #fff; }

/* the hero's primary CTA becomes a gold pop against the video */
.hero-cta .btn-light {
  border-color: transparent;
  background: linear-gradient(135deg, #f4b02c, #d98a17);
  color: #3a2503;
  font-weight: 500;
  box-shadow: 0 10px 30px -12px rgba(230,150,20,0.75);
}
.hero-cta .btn-light::after { background: #b96e0a; }
.hero-cta .btn-light:hover { color: #fff; }

/* ---------- Editorial links & small accents ---------- */
.link-line { color: var(--chinar); font-weight: 500; }
.link-line .arrow { color: var(--saffron); }

/* section eyebrow dot / dividers a touch stronger */
.marquee-strip { color: var(--saffron); }

/* stat numbers & counters pop in gold */
.stat-num, .intro-stats .stat-num { color: var(--saffron); }

/* package price in vivid chinar */
.pkg-price { color: var(--chinar); }

/* value-card index numerals in gold */
.value-ico { color: var(--saffron); }