:root {
  /* ---- Color: azul / negro, sin acentos ajenos ---- */
  --color-bg: #090c11;
  --color-bg-panel: #10141c;
  --color-bg-panel-alt: #0d1119;
  --color-border: #1f2733;
  --color-border-strong: #2a3444;

  --color-blue-900: #0b1a33;
  --color-blue-700: #1c4dab;
  --color-blue-500: #3b73e8;
  --color-blue-300: #8db2ff;
  --color-blue-100: #d7e4ff;

  --color-text: #e9ecf3;
  --color-text-dim: #98a1b3;
  --color-text-faint: #5b6478;

  /* ---- Tipografía ---- */
  --font-display: 'Space Grotesk', 'Segoe UI', sans-serif;
  --font-body: 'Inter', 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', 'Consolas', monospace;

  /* ---- Espaciado ---- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --space-7: 9rem;

  /* ---- Layout ---- */
  --content-max: 72rem;
  --radius: 4px;

  /* ---- Movimiento ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur-mid: 420ms;
}