/* sneech's look (spec §7.1, direction A "boqo family"): boqo Studio's tokens, live pink as the
   hero colour, lime for the one action that matters, violet for AI, cyan for names in chat. */
:root {
  --canvas: #07060b;
  --panel: #100e17;
  --raised: #17141f;
  --hover: #1f1b2a;

  --ink-1: #f3effa;
  --ink-2: #ada7c2;
  --ink-3: #8c86a3;
  --ink-4: #4a465c;

  --pink: #ff5fa8;
  --pink-ink: #ffffff; /* text and the dot on the LIVE badge */
  --lime: #c8ff4d;
  --lime-ink: #0b0d04;
  --violet: #9b7bff;
  --cyan: #5eebff;
  --coin: #ffcf4d; /* the demo coins' gold */
  --coin-ink: #b07800;

  --line: rgba(255, 255, 255, 0.1);
  --glass: rgba(10, 8, 16, 0.52);
  --glass-strong: rgba(10, 8, 16, 0.72);
  --plate: rgba(7, 6, 11, 0.66);

  --font-display: 'Bricolage Grotesque', 'Instrument Sans', system-ui, sans-serif;
  --font-ui: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --r-pill: 999px;
  --r-xl: 28px;
  --r-lg: 20px;
  --r-md: 14px;
  --r-sm: 9px;

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --edge: 12px;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
}