/* DESIGN TOKENS — single source of truth. Do not add colors elsewhere. */
:root {
  /* color */
  --void:   #0A090B;
  --carbon: #131118;
  --smoke:  #1B1820;
  --line:   #2A2630;
  --bone:   #EDE7DC;
  --ash:    #8F887B;
  --signal: #FF4A1F;
  --uv:     #7A5CFF;
  --amber:  #FFB347;

  /* light — gradients are LIGHT, never flat UI fills */
  --spectrum: linear-gradient(105deg, #7A5CFF 0%, #FF3D81 34%, #FF7A29 68%, #FFC24B 100%);
  --prism: linear-gradient(90deg, #3E66FF, #6C4DFF, #FF3D81, #FF7A29, #FFC24B);

  /* type */
  --font-display: 'Archivo Variable', 'Archivo', sans-serif;
  --font-body: 'Archivo Variable', 'Archivo', sans-serif;
  --font-mono: 'Space Mono', 'Courier New', monospace;

  --text-hero: clamp(3.4rem, 11.5vw, 11rem);
  --text-h2: clamp(2.2rem, 6.5vw, 5.5rem);
  --text-h3: clamp(1.2rem, 2.2vw, 1.75rem);
  --text-body: clamp(1rem, 1.15vw, 1.125rem);
  --text-mono: clamp(0.68rem, 0.85vw, 0.8rem);

  /* space */
  --space-section: clamp(7rem, 16vh, 12rem);
  --gutter: clamp(1.25rem, 4vw, 4rem);

  /* motion */
  --ease-cut: cubic-bezier(0.83, 0, 0.17, 1);
  --dur-fast: 0.35s;
  --dur-med: 0.6s;

  /* runtime (JS-driven) */
  --rgb: 0; /* scroll-velocity chromatic split, px multiplier */
}