/* ==========================================================================
   ONLINE RAJASTHAN TOUR — DESIGN TOKENS
   The Royal Passage — a design language built on Rajasthan's own visual
   grammar: deep maharaja navy, hand-beaten gold, and the seal-and-scroll
   motifs of royal correspondence.
   ========================================================================== */

:root{
  /* ---- Brand colour ---- */
  --c-primary:      #0B2239;   /* deep maharaja navy   */
  --c-primary-60:   #0B223999;
  --c-secondary:    #0F4C81;   /* royal lapis blue     */
  --c-accent:       #D4AF37;   /* hand-beaten gold      */
  --c-accent-dim:   #B4922C;
  --c-accent-glow:  #F0D584;
  --c-bg:           #F7F9FC;
  --c-dark:         #111111;
  --c-white:        #FFFFFF;

  /* ---- Extended neutrals derived from primary ---- */
  --c-ink:          #0D1B2A;
  --c-slate:        #4A5C70;
  --c-slate-light:  #8A97A6;
  --c-line:         #E3E8EF;
  --c-line-dark:    #24344A;
  --c-cream:        #FBF8F1;
  --c-sand:         #EFE6D2;

  /* ---- Glass ---- */
  --glass-bg:       rgba(11,34,57,0.55);
  --glass-bg-light: rgba(255,255,255,0.66);
  --glass-border:   rgba(255,255,255,0.18);
  --glass-blur:     18px;

  /* ---- Type ---- */
  --f-head: 'Outfit', sans-serif;
  --f-body: 'Poppins', sans-serif;

  --fs-2xs: clamp(0.72rem, 0.7rem + 0.1vw, 0.78rem);
  --fs-xs:  clamp(0.8rem, 0.78rem + 0.15vw, 0.9rem);
  --fs-sm:  clamp(0.92rem, 0.89rem + 0.2vw, 1rem);
  --fs-base:clamp(1rem, 0.96rem + 0.25vw, 1.1rem);
  --fs-md:  clamp(1.15rem, 1.08rem + 0.35vw, 1.35rem);
  --fs-lg:  clamp(1.4rem, 1.25rem + 0.6vw, 1.8rem);
  --fs-xl:  clamp(1.9rem, 1.55rem + 1.3vw, 2.6rem);
  --fs-2xl: clamp(2.4rem, 1.9rem + 2vw, 3.6rem);
  --fs-3xl: clamp(3rem, 2.2rem + 3.2vw, 5.4rem);
  --fs-eyebrow: clamp(0.72rem, 0.7rem + 0.1vw, 0.8rem);

  /* ---- Space ---- */
  --sp-3xs: 0.25rem;
  --sp-2xs: 0.5rem;
  --sp-xs:  0.75rem;
  --sp-sm:  1rem;
  --sp-md:  1.5rem;
  --sp-lg:  2.25rem;
  --sp-xl:  3.5rem;
  --sp-2xl: clamp(4rem, 3rem + 4vw, 8rem);
  --sp-3xl: clamp(5rem, 3.5rem + 6vw, 11rem);

  --container: min(1280px, 92vw);
  --container-narrow: min(820px, 92vw);

  /* ---- Radius / shadow / motion ---- */
  --r-sm: 8px;
  --r-md: 16px;
  --r-lg: 28px;
  --r-pill: 999px;

  --shadow-sm: 0 2px 10px rgba(11,34,57,0.06);
  --shadow-md: 0 12px 40px rgba(11,34,57,0.10);
  --shadow-lg: 0 30px 80px rgba(11,34,57,0.18);
  --shadow-gold: 0 8px 30px rgba(212,175,55,0.25);

  --ease-out: cubic-bezier(0.16,1,0.3,1);
  --ease-soft: cubic-bezier(0.4,0,0.2,1);
  --dur-fast: 0.25s;
  --dur-base: 0.5s;
  --dur-slow: 0.9s;
}