/* ==========================================================================
   Design tokens — single source of truth for color, type and spacing.
   ========================================================================== */
:root {
  /* Brand / accent */
  --accent: #1cb9ed;
  --accent-2: #6fd6f6;
  --accent-soft: rgba(28, 185, 237, .14);

  /* Surfaces */
  --bg: #000000;
  --surface: #070c11;
  --surface-2: #0b1219;
  --surface-3: #0f1922;

  /* Borders */
  --border: rgba(120, 200, 235, .10);
  --border-2: rgba(120, 200, 235, .20);

  /* Text */
  --text: #e6f1f6;
  --muted: #8499a4;
  --faint: #4f5b63;

  /* Type families */
  --sans: 'IBM Plex Sans', sans-serif;
  --disp: 'Space Grotesk', sans-serif;
  --mono: 'JetBrains Mono', monospace;

  /* Layout */
  --max-w: 1200px;
  --nav-h: 64px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}