/* ============================================================
   TOKENS
   Retooled to the new Peak Intelligence design language
   (Inter, neutral-black dark theme, teal / mint / gold).
   Same token NAMES as before, so every component and page
   picks up the new look with no markup change.
   ============================================================ */

:root{
  /* Neutrals (neutral-black dark theme) */
  --bg:        #0A0A0C;   /* page background */
  --surface:   #141519;   /* cards, panels */
  --surface-2: #1A1B20;   /* hover / tint */
  --paper:     #141519;
  --line:      #26272B;
  --line-2:    #34363C;
  --ink:       #ECEDEF;   /* headings, strong */
  --ink-body:  #D7D8DC;
  --ink-mute:  #A7A9AF;
  --ink-dim:   #75777E;

  /* Brand accents */
  --teal:      #22A7B2;
  --teal-dark: #0A6F78;
  --teal-tint: #1A1B20;
  --mint:      #23BAA4;
  --gold:      #F9B138;

  /* Type — Inter across the system */
  --display: 'Inter', system-ui, sans-serif;
  --mono:    'Inter', system-ui, sans-serif;

  --h1: clamp(2.4rem, 5.4vw, 4.1rem);
  --h2: clamp(1.75rem, 3.4vw, 2.6rem);
  --h3: clamp(1.3rem, 2.2vw, 1.6rem);
  --h4: clamp(1.12rem, 1.6vw, 1.32rem);
  --h5: 0.75rem;
  --body: 1rem;

  /* Spacing */
  --s1: 1rem; --s2: 2rem; --s3: 3rem; --s5: 5rem; --s7: 7rem; --s10: 10rem;

  --container: 1200px;
  --gutter: clamp(1.25rem, 4vw, 3.5rem);

  /* Corner radius */
  --radius: 10px;
}

/* ==== V2 Overrides — bump type scale ==== */
:root {
  --body: 1.125rem;
  --h1: clamp(2.9rem, 6vw, 4.75rem);
  --h2: clamp(2.1rem, 4vw, 3.1rem);
  --h3: clamp(1.55rem, 2.5vw, 1.9rem);
  --h4: clamp(1.2rem, 1.8vw, 1.45rem);
  --h5: 1.1rem;
}

/* ==== FINAL AUTHORITATIVE — match zip exact type scale ==== */
:root {
  --body: 1rem;
  --h1: clamp(2.4rem, 5.4vw, 4.1rem);
  --h2: clamp(1.75rem, 3.4vw, 2.6rem);
  --h3: clamp(1.3rem, 2.2vw, 1.6rem);
  --h4: clamp(1.05rem, 1.6vw, 1.25rem);
  --h5: 1rem;
}

/* ==== FINAL — user wants BIGGER than zip ==== */
:root {
  --body: 1.1875rem;
  --h1: clamp(3rem, 6.2vw, 5.15rem);
  --h2: clamp(2.15rem, 4.2vw, 3.4rem);
  --h3: clamp(1.55rem, 2.6vw, 2rem);
  --h4: clamp(1.2rem, 1.9vw, 1.5rem);
  --h5: 1.15rem;
}

/* Mobile-scaled type — beat my desktop bump on small screens */
@media (max-width: 720px) {
  :root {
    --body: 1rem;
    --h1: clamp(2rem, 8vw, 3rem);
    --h2: clamp(1.6rem, 6vw, 2.2rem);
    --h3: clamp(1.25rem, 4vw, 1.6rem);
  }
}