/* ==========================================================================
   VARIABLES — Poornima Tourist Home
   Design tokens: colour, type, space, motion, elevation.
   ========================================================================== */

:root {
  /* ---- Core palette ---- */
  --brass:        #905800;   /* primary */
  --brass-deep:   #6E4200;
  --brass-lit:    #C98A16;
  --brass-glow:   #F0D89B;
  --ivory:        #F8F5EF;   /* temple ivory */
  --sandstone:    #DCC8A0;
  --green:        #294436;   /* sacred green */
  --green-deep:   #1B2E24;
  --brown:        #4A2E18;   /* deep brown */
  --white:        #FFFFFF;
  --gray:         #F4F4F4;

  /* ---- Semantic ---- */
  --bg:           var(--ivory);
  --bg-alt:       #FBF9F5;
  --ink:          #2A2018;
  --ink-soft:     #6B5A4A;
  --ink-faint:    #9C8A76;
  --line:         rgba(144, 88, 0, .18);
  --line-soft:    rgba(144, 88, 0, .10);

  /* ---- Gradients: brass lamp, sandalwood, sunrise ---- */
  --grad-gold:   #7E4B00 ;
  --grad-lamp:    radial-gradient(60% 60% at 50% 40%, rgba(240, 216, 155, 0.384) 0%, rgba(201, 138, 22, 0.096) 45%, transparent 95%);
  --grad-sunrise: linear-gradient(180deg, rgba(248,245,239,0) 0%, rgba(220,200,160,.45) 55%, rgba(144,88,0,.16) 100%);
  --grad-sandal:  linear-gradient(160deg, #F8F5EF 0%, #F1E9DA 55%, #E6D8BE 100%);
  --grad-ink:     linear-gradient(180deg, rgba(27,46,36,0) 0%, rgba(27,46,36,.55) 62%, rgba(15,26,20,.92) 100%);

  /* ---- Glass ---- */
  --glass-bg:     rgba(255, 255, 255, .58);
  --glass-dark:   rgba(27, 46, 36, .42);
  --glass-line:   rgba(255, 255, 255, .55);
  --glass-blur:   saturate(150%) blur(18px);

  /* ---- Type ---- */
  --f-display: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --f-title:   'Playfair Display', Georgia, serif;
  --f-eyebrow: 'Cinzel', Georgia, serif;
  --f-body:    'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-data:    'Manrope', system-ui, sans-serif;

  --fs-hero:  clamp(2.7rem, 5.6vw, 5.6rem);
  --fs-h1:    clamp(2.3rem, 4.6vw, 4.1rem);
  --fs-h2:    clamp(1.95rem, 3.4vw, 3.1rem);
  --fs-h3:    clamp(1.5rem, 2.3vw, 2.1rem);
  --fs-h4:    clamp(1.18rem, 1.6vw, 1.4rem);
  --fs-lead:  clamp(1.05rem, 1.35vw, 1.28rem);
  --fs-body:  clamp(.97rem, 1.03vw, 1.05rem);
  --fs-small: .875rem;
  --fs-micro: .72rem;

  --lh-tight: 1.02;
  --lh-head:  1.12;
  --lh-body:  1.75;
  --ls-eyebrow: .34em;
  --ls-wide:  .12em;

  /* ---- Space ---- */
  --s-1: .5rem;  --s-2: .875rem; --s-3: 1.25rem; --s-4: 2rem;
  --s-5: 3rem;   --s-6: 4.5rem;  --s-7: 6.5rem;  --s-8: 9rem;
  --section-y: clamp(5.5rem, 11vh, 10rem);
  --gutter:    clamp(1.25rem, 5vw, 5.5rem);
  --maxw:      1440px;
  --measure:   62ch;

  /* ---- Shape: the temple arch (signature) ---- */
  /* Percentage radii turn into a squashed dome on very wide images, so the
     arch is expressed in length units and simply stops growing. */
  --arch:       clamp(70px, 16vw, 230px) clamp(70px, 16vw, 230px) 6px 6px
              / clamp(50px, 11vw, 165px) clamp(50px, 11vw, 165px) 4px 4px;
  --arch-soft:  clamp(56px, 12vw, 190px) clamp(56px, 12vw, 190px) 14px 14px
              / clamp(40px, 8vw, 120px) clamp(40px, 8vw, 120px) 10px 10px;
  --r-sm: 6px; --r-md: 14px; --r-lg: 26px; --r-pill: 999px;

  /* ---- Elevation: warm, never grey ---- */
  --sh-1: 0 2px 10px rgba(74, 46, 24, .06);
  --sh-2: 0 12px 34px -14px rgba(74, 46, 24, .22);
  --sh-3: 0 34px 70px -30px rgba(74, 46, 24, .34);
  --sh-glow: 0 0 0 1px rgba(240,216,155,.5), 0 18px 50px -18px rgba(144,88,0,.45);

  /* ---- Motion ---- */
  --e-soft:  cubic-bezier(.22, .61, .36, 1);
  --e-lux:   cubic-bezier(.16, 1, .3, 1);
  --e-arch:  cubic-bezier(.65, .05, .36, 1);
  --t-fast: .28s;  --t-mid: .55s;  --t-slow: .9s;

  --z-bg: 0; --z-content: 10; --z-nav: 80; --z-cursor: 90; --z-overlay: 100; --z-intro: 120;
}

/* Dark passages (footer, sacred-green bands) invert the semantic tokens */
.is-dark {
  --bg: var(--green-deep);
  --ink: #F3EDE1;
  --ink-soft: rgba(243, 237, 225, .74);
  --ink-faint: rgba(243, 237, 225, .48);
  --line: rgba(240, 216, 155, .22);
  --line-soft: rgba(240, 216, 155, .12);
}