/* ==========================================================================
   E&A THANGKA ARTWORK — Design Tokens
   Change the brand here and the whole site follows.
   ========================================================================== */

:root {
  /* Document scroll progress, 0 … 1 — written by atmosphere.js */
  --scroll: 0;

  /* --- Ground: black-gold thangka ------------------------------------- */
  --c-ink:        #0B0A09;   /* page background — near-black, faintly warm */
  --c-ink-2:      #141210;   /* alternating section background */
  --c-ink-3:      #1E1A16;   /* card surface */
  --c-umber:      #2A1810;   /* deep umber from the cover artwork */
  --c-umber-2:    #3A2419;

  /* --- Gold: sampled from the logo disc and cover linework ------------- */
  --c-gold:       #D4A857;   /* primary gold */
  --c-gold-lt:    #F0D9A0;   /* light gold — headline highlights */
  --c-gold-dp:    #A87A32;   /* deep gold — borders, decoration only */
  --c-amber:      #F5B942;   /* warm amber — CTAs and the LIVE marker */

  /* --- Type colours ---------------------------------------------------- */
  --c-text:       #E8E0D2;   /* body copy, warm off-white */
  --c-text-mute:  #9A9186;   /* secondary copy */
  --c-brown:      #4A2C0F;   /* logo lettering — dark type on gold */

  /* --- Translucencies -------------------------------------------------- */
  --c-gold-06:    rgba(212, 168,  87, .06);
  --c-gold-12:    rgba(212, 168,  87, .12);
  --c-gold-24:    rgba(212, 168,  87, .24);
  --c-gold-40:    rgba(212, 168,  87, .40);
  --c-ink-82:     rgba( 11,  10,   9, .82);

  /* --- Typefaces ------------------------------------------------------- */
  --f-display: 'Cormorant Garamond', 'Times New Roman', Times, serif;
  --f-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
            'Helvetica Neue', Arial, sans-serif;

  /* --- Fluid type scale ------------------------------------------------ */
  --fs-hero:   clamp(2.5rem, 7vw, 5.5rem);
  --fs-h2:     clamp(1.75rem, 4vw, 3rem);
  --fs-h3:     clamp(1.25rem, 2.5vw, 1.75rem);
  --fs-h4:     clamp(1.05rem, 1.6vw, 1.25rem);
  --fs-lead:   clamp(1.05rem, 1.5vw, 1.25rem);
  --fs-body:   clamp(0.95rem, 1.1vw, 1.0625rem);
  --fs-sm:     0.875rem;
  --fs-xs:     0.75rem;

  /* --- Spacing scale --------------------------------------------------- */
  --sp-1: .25rem;  --sp-2: .5rem;   --sp-3: .75rem;  --sp-4: 1rem;
  --sp-5: 1.25rem; --sp-6: 1.5rem;  --sp-8: 2rem;    --sp-10: 2.5rem;
  --sp-12: 3rem;   --sp-16: 4rem;   --sp-20: 5rem;   --sp-24: 6rem;
  --sp-32: 8rem;
  --section-y: clamp(4rem, 10vw, 8rem);

  /* --- Shape, layout, motion ------------------------------------------- */
  --radius:      2px;        /* British restraint: all but square */
  --radius-card: 4px;
  --radius-pill: 999px;
  --container:   1240px;
  --gutter:      clamp(1.25rem, 5vw, 3rem);
  --nav-h:       76px;
  --nav-h-sm:    62px;
  --ease:        cubic-bezier(.22, .61, .36, 1);
  --ease-out:    cubic-bezier(.16, 1, .3, 1);
  --dur:         .45s;
  --dur-fast:    .25s;

  /* --- Elevation -------------------------------------------------------- */
  --shadow-card: 0 18px 44px rgba(0, 0, 0, .55);
  --shadow-gold: 0 0 60px rgba(212, 168, 87, .18);

  /* --- Stacking order --------------------------------------------------- */
  --z-hero-bg:   0;
  --z-content:   1;
  --z-drawer:    90;
  --z-nav:      100;
  --z-toast:    200;
}