/* ═══ Hasiru — design tokens ═══════════════════════════════════════════
   Carried over from the live Elementor kit (post-9.css) so the redesign
   stays on-brand, then extended with the scale/motion this build needs.
   ══════════════════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400 900;          /* variable — one file, all weights */
  font-display: swap;
  src: url(../assets/fonts/playfair-latin-var.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122;
}
@font-face { font-family:'Poppins'; font-style:normal; font-weight:300; font-display:swap;
  src:url(../assets/fonts/poppins-300.woff2) format('woff2'); }
@font-face { font-family:'Poppins'; font-style:normal; font-weight:400; font-display:swap;
  src:url(../assets/fonts/poppins-400.woff2) format('woff2'); }
@font-face { font-family:'Poppins'; font-style:normal; font-weight:500; font-display:swap;
  src:url(../assets/fonts/poppins-500.woff2) format('woff2'); }
@font-face { font-family:'Poppins'; font-style:normal; font-weight:600; font-display:swap;
  src:url(../assets/fonts/poppins-600.woff2) format('woff2'); }

:root {
  /* ── brand ── */
  --forest:      #023A2D;   /* deep forest green, the brand colour */
  --forest-deep: #012019;   /* the dark ground after the theme switch */
  --forest-deepest: #011512; /* one step down, for alternating bands */
  --sand:        #F0E0C6;
  --gold:        #DAA520;
  --paper:       #FFF9E9;   /* off-white page background */
  --grey:        #495156;
  --ink:         #0A0F0D;
  --white:       #FFFFFF;
  --outline-inverse: rgba(240, 224, 198, 0.16);

  /* ── cloud palette (mirrors the shader constants) ── */
  --cloud-edge:  #FFFDF9;
  --cloud-core:  #C9D0D9;

  /* ── type ── */
  --font-display: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
  --font-ui: 'Poppins', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-h1:   clamp(2.9rem, 1.4rem + 6.4vw, 8rem);
  --fs-sub:  clamp(1rem, 0.9rem + 0.5vw, 1.3rem);
  --fs-eyebrow: clamp(0.66rem, 0.6rem + 0.2vw, 0.8rem);
  --lh-display: 0.94;

  /* ── space ── */
  --gutter: clamp(1.25rem, 0.5rem + 3vw, 4rem);
  --measure: 46ch;

  /* ── motion ── */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);      /* expo-out — the workhorse */
  --ease-soft: cubic-bezier(0.33, 1, 0.68, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 240ms;
  --dur-base: 520ms;
  --dur-slow: 900ms;

  /* ── depth ── */
  --z-reveal: 1;
  --z-clouds: 2;
  --z-copy:   3;
  --z-header: 10;
}