/* ============================================================================
   ARCHIVO: css/variables.css
   PROPOSITO: Fuente unica de verdad para colores y tipografias de la marca
              Numaris. Si el manual de marca cambia, se edita SOLO aqui y
              se propaga a todo el sistema.
   ============================================================================ */

:root {
  /* ---- Paleta de marca (tomada del manual de marca Numaris) ---- */
  --nm-navy: #18325a;      /* Azul marino principal (logo, botones, textos fuertes) */
  --nm-blue: #3274ba;      /* Azul secundario (acentos, hover, gradientes) */
  --nm-teal: #1f6589;      /* Azul-petroleo (detalles, iconos, lineas) */
  --nm-light: #EFF3F6;     /* Gris azulado claro (fondos de tarjetas/inputs) */
  --nm-light-blue: #ebf5fa;/* Azul muy claro (fondos suaves, hover sutil) */
  --nm-black: #070B0E;     /* Casi negro (texto principal) */
  --nm-white: #ffffff;

  /* ---- Variantes derivadas (transparencias para sombras/overlays) ---- */
  --nm-navy-10: rgba(24, 50, 90, 0.1);
  --nm-navy-40: rgba(24, 50, 90, 0.4);
  --nm-blue-30: rgba(50, 116, 186, 0.3);

  /* ---- Tipografias ----
     NOTA: "Questrial" es fuente real de Google Fonts (usada en textos).
     "Quesat" (nombre del manual) no existe en Google Fonts; por su
     estilo redondeado y geometrico se asume que es "Quicksand"
     (usada para el logotipo/titulos). Si el usuario confirma otra
     fuente exacta, cambiar SOLO estas dos lineas. */
  --nm-font-display: 'Quicksand', sans-serif; /* Titulos, logotipo, marca */
  --nm-font-body: 'Questrial', sans-serif;    /* Parrafos, labels, inputs */

  /* ---- Otros tokens de diseno ---- */
  --nm-radius-sm: 10px;
  --nm-radius-md: 18px;
  --nm-radius-lg: 28px;
  --nm-shadow-card: 0 20px 60px -15px var(--nm-navy-40);
  --nm-transition: 0.25s ease;
}

/* ---- Reset minimo (solo lo necesario para esta pantalla) ---- */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

body {
  font-family: var(--nm-font-body);
  color: var(--nm-black);
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
  border: none;
  cursor: pointer;
}

img {
  display: block;
  max-width: 100%;
}