/* Emulab AI-CI — design tokens. Color carries meaning:
   gold = alpha/conviction · teal = verified/cited · coral = risk · blue = temporal lag */
:root {
  --bg: #090C13;
  --bg-elev: #0F1521;
  --panel: #141B2B;
  --panel-2: #1B2438;
  --hover: #232E47;
  --line: #26324A;
  --line-soft: #1A2233;

  --text: #E8EDF5;
  --text-2: #94A1B8;
  --text-3: #5E6B82;

  --gold: #E6B24C;
  --gold-soft: rgba(230, 178, 76, .12);
  --teal: #36C8A0;
  --teal-soft: rgba(54, 200, 160, .12);
  --coral: #E76A5C;
  --coral-soft: rgba(231, 106, 92, .12);
  --blue: #5C8DF0;
  --blue-soft: rgba(92, 141, 240, .12);

  --sans: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, 'Cascadia Mono', monospace;

  --fs-hero: clamp(2.6rem, 6vw, 5.2rem);
  --fs-h2: clamp(1.8rem, 3.4vw, 3rem);
  --fs-h3: 1.05rem;
  --fs-body: 1rem;
  --fs-small: .875rem;
  --fs-micro: .6875rem;

  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 7rem;

  --max: 1240px;
  --pad: clamp(24px, 5vw, 64px);
  --radius: 2px;
  --nav-h: 64px;
}