/* ============================================================
   LIGHTNING NINJA ACADEMY · v3 — design tokens (single source)
   Direction A: dark cinematic. 5 colors. 2 typefaces. 1 easing.
   ============================================================ */

:root {
  /* ---- color (5 max) ---- */
  --ink:    #0B0B0E;   /* page black */
  --ink-2:  #101014;   /* lifted black for alternating beats */
  --bone:   #F2F1EC;   /* type white */
  --grey:   #A6A49C;   /* quiet meta text — 7.7:1 on ink */
  --volt:   #FFC400;   /* THE accent. Once per viewport. */
  --volt-ink: #141005; /* text on volt fills */

  /* ---- scrim (derived from ink, not a 6th color) ---- */
  --scrim-solid: rgba(8, 8, 11, 0.92);
  --scrim-heavy: rgba(8, 8, 11, 0.72);
  --scrim-mid:   rgba(8, 8, 11, 0.55);
  --scrim-thin:  rgba(8, 8, 11, 0.18);
  --hairline:    rgba(242, 241, 236, 0.16);
  --hairline-strong: rgba(242, 241, 236, 0.45);

  /* ---- type ---- */
  --font-display: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --font-body: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;

  /* modular scale (fluid) */
  --text-xs:   0.8125rem;                        /* 13 — micro meta */
  --text-sm:   0.875rem;                         /* 14 — meta */
  --text-base: 1.0625rem;                        /* 17 — body */
  --text-md:   clamp(1rem, 0.9rem + 0.5vw, 1.2rem);      /* sublines */
  --text-lg:   clamp(1.15rem, 1rem + 0.8vw, 1.5rem);     /* quotes */
  --text-xl:   clamp(1.6rem, 1.2rem + 2vw, 2.6rem);      /* section kickers-as-heads */
  --text-2xl:  clamp(2.6rem, 1.6rem + 5.4vw, 5.2rem);    /* beat headlines */
  --text-3xl:  clamp(3.2rem, 1.9rem + 7.2vw, 6.4rem);    /* hero / final CTA */
  --text-marquee: clamp(3rem, 2rem + 7.5vw, 7.6rem);     /* pillar words */

  --leading-tight: 0.94;
  --leading-snug: 1.15;
  --leading-body: 1.55;
  --tracking-caps: 0.14em;

  /* ---- space ---- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.75rem;
  --space-4: 3rem;
  --space-5: clamp(4rem, 9vw, 7.5rem);   /* beat padding */
  --space-6: clamp(6rem, 14vw, 11rem);   /* breathing beats */
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --measure: 44ch;

  /* ---- motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.3s;
  --dur-med: 0.6s;
  --dur-slow: 0.9s;
  --dur-marquee: 36s;
  --dur-rotate: 6s;   /* review rotator interval (JS reads intent, not value) */

  /* ---- misc ---- */
  --radius: 2px;
  --tap-min: 44px;
  --max-w: 1600px;
}