/* tokens.css — design tokens (single source of truth for the visual language) */
:root {
  /* surfaces */
  --bg:       #040810;
  --bg2:      #080E18;
  --bg3:      #0C1420;
  --bg4:      #101A28;

  /* borders */
  --border:   #152035;
  --border2:  #1E2F48;

  /* text */
  --text:     #C8D4E8;
  --text2:    #3D5070;
  --text3:    #6A82A0;

  /* accents */
  --gold:     #C8A848;
  --gold2:    #E8C870;
  --gold-d:   rgba(200,168,72,.10);
  --gold-g:   rgba(200,168,72,.20);
  --cyan:     #00D4FF;
  --cyan-d:   rgba(0,212,255,.08);
  --green:    #2EE89A;
  --green-d:  rgba(46,232,154,.08);
  --red:      #FF5B6A;

  /* type + motion */
  --mono: 'Space Mono', 'Courier New', monospace;
  --sans: 'Outfit', system-ui, sans-serif;
  --ease: cubic-bezier(.16,1,.3,1);
  --ease-out: cubic-bezier(.22,.61,.36,1);

  /* ── Fluid scale (everything sizes off these so layout breathes
        smoothly from 360px to ultrawide, no hard jumps) ── */
  --nav-h: 60px;
  --gutter: clamp(1.25rem, 5vw, 2.5rem);   /* horizontal page padding */
  --section-pad: clamp(4rem, 9vw, 7rem);   /* vertical rhythm between sections */
  --maxw: 1080px;

  /* fluid type ramp */
  --fs-hero:  clamp(2.6rem, 9vw, 5.6rem);
  --fs-h2:    clamp(1.9rem, 5vw, 2.9rem);
  --fs-lead:  clamp(1.02rem, 2.2vw, 1.22rem);
  --fs-body:  clamp(.95rem, 1.5vw, 1.05rem);
  --fs-mono:  clamp(.64rem, 1.4vw, .72rem);
}