/* ==========================================================
   UKWUANI LGA — DESIGN TOKENS v2
   Identity: "River, Palm, Regalia"
   Load order: 1st (before site.css and page css)
   ========================================================== */

:root {

  /* ---------- PALETTE ----------
     ink      = night-forest base
     palm     = oil-palm grove green
     river    = Ethiope (Onoku) teal
     brass    = festival regalia / crest gold
     laterite = red earth of Ukwuani farmland
     ivory    = akpu white
     statesman= the Chairman's royal blue          */
  --ink: #07130c;
  --ink-2: #0c1f14;
  --ink-3: #12291b;

  --palm: #0e5a32;
  --palm-deep: #073b20;

  --river: #0f5e63;
  --river-deep: #0a3f44;

  --brass: #c59b27;
  --brass-soft: #f1d57e;
  --brass-glow: rgba(197, 155, 39, .45);

  --laterite: #b4432e;
  --laterite-bright: #d95b41;

  --ivory: #f4eedf;
  --paper: #fdfbf4;

  --statesman: #142850;

  --text-main: #f2f5ef;
  --text-sub: #c7d4c4;

  --line: rgba(197, 155, 39, .22);
  --line-strong: rgba(197, 155, 39, .6);
  --glass: rgba(255, 255, 255, .06);
  --glass-hover: rgba(255, 255, 255, .11);

  /* ---------- TYPE ----------
     Display: Fraunces (heritage editorial serif)
     Body:    Inter
     Voice:   Fraunces italic — Ukwuani words, proverbs, titles */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;

  --fs-hero: clamp(2.6rem, 7vw, 5.2rem);
  --fs-h1: clamp(2rem, 5vw, 3.4rem);
  --fs-h2: clamp(1.5rem, 3.6vw, 2.4rem);
  --fs-h3: clamp(1.15rem, 2.4vw, 1.5rem);
  --fs-lead: clamp(.95rem, 1.9vw, 1.15rem);
  --fs-body: clamp(.88rem, 1.6vw, 1rem);
  --fs-small: clamp(.72rem, 1.4vw, .82rem);

  /* ---------- SPACE ---------- */
  --container: 1360px;
  --gutter: clamp(16px, 4vw, 48px);
  --space-section: clamp(70px, 10vw, 120px);

  /* ---------- RADIUS / SHADOW ---------- */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-full: 999px;

  --shadow-1: 0 4px 14px rgba(0, 0, 0, .25);
  --shadow-2: 0 14px 34px rgba(0, 0, 0, .4);
  --shadow-3: 0 26px 60px rgba(0, 0, 0, .55);

  /* ---------- MOTION ("River & Drum") ----------
     river = slow, continuous flow
     drum  = staggered beats for grids/reveals   */
  --ease: cubic-bezier(.16, 1, .3, 1);
  --t-fast: .25s var(--ease);
  --t-med: .5s var(--ease);
  --t-slow: .9s var(--ease);

  /* ---------- Z-SCALE ---------- */
  --z-bg: 0;
  --z-map: 1;
  --z-content: 2;
  --z-shell: 100;
  --z-drawer: 120;
  --z-progress: 150;
  --z-modal: 200;
}