/* ==========================================================================
   Nahdi World — design tokens
   Signature palette derived from the Nahdi geometric-heart spectrum.
   ========================================================================== */
:root {
  /* Atmosphere: deep teal command-center night */
  --void:      #04090B;
  --deep:      #060F12;
  --deep-2:    #08161A;
  --surface:   #0B1E23;
  --surface-2: #0F2A30;
  --surface-3: #143840;

  /* Nahdi spectrum (from the heart geometry) */
  --nahdi-teal:   #104652;
  --green:        #16C784;
  --green-bri:    #4DE3A5;
  --mint:         #7CF0B8;
  --lime:         #D2DE4E;
  --cyan:         #26A9E0;
  --blue:         #1B75BB;
  --purple:       #832B8F;
  --red:          #EC1C24;
  --orange:       #F89A1C;
  --amber:        #E96620;

  /* Ink */
  --ink:       #EAF6F0;
  --ink-2:     #A7C4BE;
  --ink-3:     #6E8C88;
  --ink-4:     #3F5A58;

  /* Lines + glass */
  --line:      rgba(124, 240, 184, 0.10);
  --line-2:    rgba(124, 240, 184, 0.22);
  --line-3:    rgba(124, 240, 184, 0.38);
  --glass:     rgba(11, 30, 35, 0.55);
  --glass-2:   rgba(15, 42, 48, 0.72);

  /* Region accents (each territory of the world) */
  --r1: var(--green-bri);   /* findings   */
  --r2: var(--cyan);        /* competition */
  --r3: var(--orange);      /* deep listening */
  --r4: var(--lime);        /* recommendations */
  --r5: var(--purple);      /* sources */

  /* Type */
  --font-display: "Bricolage Grotesque", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-body:    "IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", monospace;

  --text-eyebrow: 0.72rem;
  --text-base:    clamp(1rem, 0.94rem + 0.28vw, 1.14rem);
  --text-lead:    clamp(1.18rem, 1.02rem + 0.7vw, 1.6rem);
  --text-h3:      clamp(1.35rem, 1.1rem + 1.1vw, 2.1rem);
  --text-h2:      clamp(2rem, 1.3rem + 3vw, 4.2rem);
  --text-hero:    clamp(2.9rem, 1.2rem + 7.4vw, 7.6rem);
  --text-stat:    clamp(2.2rem, 1.4rem + 3vw, 3.8rem);

  /* Space + motion */
  --space-region: clamp(5rem, 3.5rem + 8vw, 11rem);
  --radius:    18px;
  --radius-lg: 28px;
  --dur-fast:  180ms;
  --dur:       420ms;
  --dur-slow:  900ms;
  --ease:      cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --maxw: 1280px;
}