/* Experinova design tokens · v2 (Convergence)
   Same brand colors as assets/palette.css, different ratios:
   90% ground, cyan = interactive, gold = the answer, cobalt = connected. */

:root {
  /* Ground */
  --void: #050811;
  --void-2: #0A0F1C;
  --day: #F3F5F8;
  --panel: rgba(12, 18, 32, 0.72);
  --panel-solid: #0E1424;
  --line: rgba(255, 255, 255, 0.08);
  --line-2: rgba(255, 255, 255, 0.16);

  /* Ink on the void */
  --ink: #F3F5FA;
  --ink-2: #B9C2D3;
  --ink-3: #7D889E;

  /* Brand */
  --cyan: #00F0FF;
  --cyan-2: #00B4D8;
  --cobalt: #2563EB;
  --cobalt-2: #60A5FA;
  --gold: #F5D061;
  --gold-2: #D4AF37;

  /* Type */
  --font-display: "Bricolage Grotesque", "Bricolage Fallback", Arial, sans-serif;
  --font-body: "Instrument Sans", "Instrument Fallback", Arial, sans-serif;
  --font-mono: "JetBrains Mono", Consolas, "Courier New", monospace;

  --t-eyebrow: 0.72rem;
  --t-small: 0.86rem;
  --t-body: 1.0625rem;
  --t-lede: 1.2rem;
  --t-h1: clamp(2.6rem, 6.2vw, 5.4rem);

  /* Space */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;

  --radius: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --nav-h: 72px;
  --container: 1200px;
}