/* Identidad visual Coral: paleta y tipografía del manual de marca.
   La fuente se sirve desde el propio servidor para que cargue dentro del
   portal cautivo, donde el cliente aún no tiene acceso a internet. */

@font-face { font-family: "Nunito"; font-weight: 400; font-display: swap; src: url("/fonts/nunito-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Nunito"; font-weight: 600; font-display: swap; src: url("/fonts/nunito-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Nunito"; font-weight: 700; font-display: swap; src: url("/fonts/nunito-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Nunito"; font-weight: 800; font-display: swap; src: url("/fonts/nunito-latin-800-normal.woff2") format("woff2"); }

:root {
  /* Paleta oficial */
  --azul: #2e2c7e;          /* Azul ultramar  · RGB 46 44 126  */
  --humo: #e9eff1;          /* Humo azulado   · RGB 233 239 241 */
  --coral: #eb6445;         /* Coral vibrante · RGB 235 100 69  */

  /* Derivados para estados de interfaz */
  --azul-dark: #221f63;
  --coral-dark: #d4512f;
  --coral-soft: #fdeee9;
  --azul-soft: #eceaf7;

  --text: var(--azul);
  --muted: #6b6f8e;
  --border: #d9e1e5;
  --white: #ffffff;
  --error: #c62828;

  --font: "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;
  --radius: 14px;
  --radius-lg: 28px;
}

body { font-family: var(--font); color: var(--text); }
button, input, select, textarea { font-family: inherit; }