/*
 * Paleta y tipografía del sitio de la Comandancia General.
 *
 * El portal de COAE (app-logistica) saca estos valores del sistema de diseño de
 * Angular. Aquí no hay sistema de diseño ni compilador: el sitio es HTML plano
 * servido por nginx, así que los mismos tonos se escriben una vez como tokens
 * y todo lo demás los usa. Cambiar el color institucional es cambiar una línea.
 */

:root {
  /* Fondo institucional: azul de noche hacia pizarra. */
  --fondo-0: #0f172a;
  --fondo-1: #111827;
  --fondo-2: #1e293b;
  --superficie: #0b1220;

  /* Texto sobre el fondo oscuro. */
  --tinta: #e2e8f0;
  --tinta-fuerte: #cbd5e1;
  --tinta-alta: #f8fafc;
  --tinta-suave: #94a3b8;
  --tinta-tenue: #64748b;

  /* Oro de la Fuerza Aérea: el aro del sello y los acentos. */
  --oro: #caa349;
  --oro-claro: #fcd34d;
  --oro-medio: #fbbf24;

  /* Azul de mando. */
  --azul: #2563eb;
  --azul-claro: #93c5fd;
  --azul-cielo: #7dd3fc;

  /* Violeta: es el color del cifrador, heredado del portal de COAE. */
  --violeta: #7c3aed;
  --violeta-hover: #6d28d9;
  --violeta-claro: #c4b5fd;
  --violeta-palido: #ddd6fe;

  /* Semáforo. */
  --verde: #22c55e;
  --verde-claro: #4ade80;
  --rojo: #ef4444;
  --rojo-claro: #fca5a5;
  --ambar: #f59e0b;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  color: var(--tinta);
  background: var(--fondo-0);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* El sitio es oscuro a propósito y no tiene variante clara: es la misma
   pantalla para todos, y el sello se lee sobre fondo oscuro. */
:root {
  color-scheme: dark;
}

button {
  font: inherit;
}

a {
  color: var(--azul-claro);
}