/* ============================================================
   tokens.css — design tokens for Mihai × CodeZero hero
   Warm amber (Mihai) <-> graphite/purple/green (CodeZero)
   ============================================================ */
:root {
  /* --- warm pole (Mihai) --- */
  --warm-100: #f6e6cf;
  --warm-300: #edc18f;
  --warm-500: #e8a868;
  --warm-600: #d2894a;
  --warm-glow: 232 168 104; /* rgb triplet for alpha glows */

  /* --- warm pole accents (Mihai) --- */
  --orange-500: #ff6a2b;
  --orange-glow: 255 106 43;

  /* --- cool pole (CodeZero) --- */
  --graphite-900: #08070c;
  --graphite-800: #0c0b12;
  --graphite-700: #131220;
  --graphite-600: #1c1a2c;
  --purple-500: #7c5cff;
  --purple-400: #9b82ff;
  --green-400: #39d98a;
  --purple-glow: 124 92 255;
  --green-glow: 57 217 138;

  /* --- acid pole (CodeZero signature — neon green) --- */
  --acid-500: #5cff37;
  --acid-400: #93ff77;
  --acid-glow: 92 255 55;

  /* --- neutral ink / surface --- */
  --ink-100: #f4f1ea;
  --ink-300: #c6c1b6;
  --ink-500: #8b8678;
  --line: rgba(244, 241, 234, 0.10);
  --line-strong: rgba(244, 241, 234, 0.22);

  /* --- runtime-tweakable (overridden by Tweaks panel) --- */
  --warmth: 1;          /* 0.4 .. 1.4 warm intensity multiplier */
  --accent: var(--purple-500);
  --accent-glow: var(--purple-glow);
  --motion: 1;          /* global motion intensity multiplier */

  /* --- type --- */
  --font-display: "Archivo", "Space Grotesk", system-ui, sans-serif;
  --font-art: "Anton", "Arial Narrow", system-ui, sans-serif; /* oversized graffiti type */
  --font-mihai: "Archivo Black", "Anton", system-ui, sans-serif; /* founder: bold geometric */
  --font-cz: "Chakra Petch", "Anton", system-ui, sans-serif;    /* build layer: techno */
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --fs-kicker: clamp(0.62rem, 0.9vw, 0.78rem);
  --fs-label: clamp(0.7rem, 1vw, 0.86rem);
  --fs-body: clamp(0.95rem, 1.25vw, 1.18rem);
  --fs-h1: clamp(2.6rem, 7vw, 6.4rem);
  --fs-caption: clamp(1.1rem, 2.4vw, 2.1rem);

  /* --- space / radius --- */
  --gutter: clamp(1.1rem, 3.2vw, 3.2rem);
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 26px;

  /* --- easing --- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}