/* voice-agent design tokens: broadcast / audio-instrument direction.
   Warm near-black ink, ONE hot signal (vermilion = the agent's voice),
   one cool secondary (teal = the caller / listening channel). Dark only. */

:root {
  color-scheme: dark;

  /* surfaces (warm ink) */
  --ink-0: #0d0b09;      /* page */
  --ink-1: #15120e;      /* panel */
  --ink-2: #1d1913;      /* raised / hover */
  --ink-3: #2a251c;      /* hairline strong */
  --line: #2a251c;
  --line-soft: #1f1b14;

  /* text */
  --paper: #f2ece1;      /* primary, 16:1 on ink-0 */
  --paper-2: #bdb4a4;    /* secondary, 9:1 */
  --paper-3: #a0978a;    /* muted, 6.9:1 */

  /* signal: the agent's voice (the only hot colour) */
  --signal: #ff5a1f;
  --signal-hi: #ff8450;
  --signal-lo: #3a1a0e;

  /* listening channel (caller side) */
  --listen: #5fd0c4;
  --listen-lo: #3fb3a7;
  --listen-dim: #12302c;

  --on-signal: #0d0b09;
  --focus: #5fd0c4;

  /* type */
  --font-display: 'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Hanken Grotesk', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* shape: panels 16, controls full pill */
  --r-panel: 16px;
  --r-pill: 999px;

  /* spacing / layout */
  --gutter: clamp(16px, 4vw, 40px);
  --max: 1280px;
  --section: clamp(72px, 10vw, 136px);

  /* motion */
  --ease: cubic-bezier(0.32, 0.72, 0, 1);          /* drawer curve, kept for existing uses */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);      /* entrances, press, state changes */
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);  /* on-screen movement */
  --dur-press: 140ms;
  --dur-ui: 200ms;
  --dur-reveal: 420ms;
  --dur-hero: 520ms;
  --stagger: 60ms;

  /* z scale */
  --z-nav: 20;
}