/* ==========================================================================
   NAMA Women Advancement — Design Tokens
   Dark, glassy, cinematic. Arabic-first (RTL). Font: Tajawal.
   Palette + tokens transcribed from the approved Claude Design screens.
   ========================================================================== */

:root {
  /* ---- Surfaces (dark) ---- */
  --ink:        #1A0E14;   /* base background / hero / goals / partners */
  --ink-2:      #2A1720;   /* alternating section (impact, partnership) */
  --ink-3:      #140A0F;   /* footer */
  --ink-intro:  #12080D;   /* intro stage backdrop */
  --glass:      rgba(42, 23, 32, 0.45);  /* glass card fill */
  --glass-nav:  rgba(42, 23, 32, 0.55);  /* sticky nav fill */
  --glass-hover: rgba(253, 251, 249, 0.06);

  /* ---- Brand ---- */
  --maroon:     #8A2A44;   /* primary / CTA / accents */
  --blush:      #E7C3CD;   /* secondary accent / hairlines / eyebrows */
  --cream:      #FDFBF9;   /* primary text on dark */

  /* ---- Text on dark (AA-checked against --ink) ---- */
  --text:       #FDFBF9;
  --text-80:    rgba(253, 251, 249, 0.80);
  --text-72:    rgba(253, 251, 249, 0.72);
  --text-70:    rgba(253, 251, 249, 0.70);
  --text-68:    rgba(253, 251, 249, 0.68);
  --text-55:    rgba(253, 251, 249, 0.55);

  /* ---- Hairlines / borders ---- */
  --line:       rgba(231, 195, 205, 0.16);
  --line-soft:  rgba(231, 195, 205, 0.12);
  --line-faint: rgba(231, 195, 205, 0.07);
  --line-strong: rgba(231, 195, 205, 0.25);

  /* ---- Radii ---- */
  --r-card:     24px;
  --r-pill:     999px;
  --r-arch:     150px;     /* goal / photo arch top */

  /* ---- Type scale (desktop) ---- */
  --fs-hero:    96px;
  --fs-h2:      64px;
  --fs-h2-sm:   48px;
  --fs-stat:    64px;
  --fs-lead:    20px;
  --fs-body:    17px;

  /* ---- Layout ---- */
  --wrap:       1180px;
  --nav-h:      78px;

  /* ---- Motion ---- */
  --ease:       cubic-bezier(0.4, 0, 0.2, 1);
  --glow-mult:  1;         /* master glow multiplier (design prop) */

  /* ---- Shadows / glow ---- */
  --glow-cta:   0 0 34px rgba(231, 195, 205, 0.30);
  --glow-stat:  0 0 30px rgba(253, 251, 249, 0.35);

  /* ---- Fonts ---- */
  --font: 'Tajawal', 'Segoe UI', system-ui, -apple-system, sans-serif;
}