/* ==========================================================================
   TOKENS — dark only
   ========================================================================== */
:root {
  /* surfaces: base → panel → inset */
  --bg: #0a0b09;
  --bg-1: #0f110d;
  --bg-2: #151810;

  /* ink */
  --ink: #f2f4ec;
  --ink-2: #a3a89a;
  --ink-3: #5f6557;

  /* structure */
  --line: #1e2318;
  --line-2: #2c3323;

  /* accents — lime = you / control flow / retrieval / primary action
              cyan = the model / vectors / generated output / secondary */
  --lime: #bef264;
  --lime-dim: #a3e635;
  --cyan: #67e8f9;
  --cyan-dim: #22d3ee;

  --glow-lime: rgba(190, 242, 100, 0.14);
  --glow-cyan: rgba(103, 232, 249, 0.12);

  --font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Consolas, monospace;
  --font-sans: 'Geist', system-ui, -apple-system, sans-serif;

  --container: 1120px;
  --pad: clamp(1.25rem, 4vw, 3rem);
  --ease: cubic-bezier(.16, 1, .3, 1);
  --radius: 10px;
  --radius-lg: 14px;

  --s1: 0.5rem;
  --s2: 1rem;
  --s3: 1.75rem;
  --s4: 3rem;
  --s5: 5rem;
  --s6: clamp(4.5rem, 11vw, 8.5rem);

  --title: clamp(2.5rem, 7vw, 4.5rem);
}