@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/JetBrainsMono-VariableFont_wght.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Press Start 2P";
  src: url("/fonts/PressStart2P-Regular.ttf") format("truetype");
  font-display: swap;
}

:root {
  --color-bg: #0f111a; /* fondo principal: muy oscuro pero no negro puro */
  --color-text: #d4d4d4; /* texto base: gris claro */
  --color-accent: #98c379; /* verde Monokai / Dracula */
  --color-secondary: #5c6370; /* texto secundario o comentarios */
  --color-border: #3a3f4b; /* líneas divisorias */
  --color-panel: #1c1e26; /* bloques internos: más oscuros que antes */

  /* Colores fuertes para elementos destacados */
  --color-amber: #e5c07b;
  --color-error: #ff4c4c; /* rojo intenso tipo tomato o red-500 */
  --color-magenta: #ff5fff; /* magenta vibrante, tipo fucsia neón */

  --color-cyan: #56b6c2; /* cian Monokai / VSC */
  --color-blue: #61afef; /* azul brillante */

  --font-base: "JetBrains Mono", monospace;
  --font-title: "Press Start 2P", monospace;
  --shadow-glow: 0 0 4px rgba(152, 195, 121, 0.5); /* glow verde leve */
}