/* Nodo · Tokens de marca.
   Paleta y tipografías heredadas de la identidad del CEDEX (regla de Phoenix Factory para Nodo).
   Cada organización solo aporta su logo; los colores de la interfaz son siempre estos. */
@font-face {
  font-family: "IBM Plex Sans";
  src: url("fuentes/IBMPlexSans-Variable.woff2") format("woff2");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("fuentes/Oswald-Variable.woff2") format("woff2");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Paleta base */
  --nodo-azul-profundo: #0A2349;
  --nodo-blanco: #FFFFFF;
  --nodo-niebla: #EEF2F7;
  --nodo-rojo: #E5383B;          /* nodos y alertas pequeñas, nunca fondos grandes */
  --nodo-lima: #C1FF72;          /* solo sobre fondos oscuros */
  --nodo-lima-profundo: #4E9A06; /* reemplaza al lima sobre fondos claros */
  --nodo-celeste: #4DD9E8;       /* acento sobre fondos oscuros */
  --nodo-azul-medio: #1F6491;
  --nodo-gris-azulado: #52637A;  /* texto secundario sobre claro */

  /* Semánticos (tema claro por defecto) */
  --bg: var(--nodo-niebla);
  --superficie: var(--nodo-blanco);
  --texto: var(--nodo-azul-profundo);
  --texto-secundario: var(--nodo-gris-azulado);
  --enlace: var(--nodo-azul-medio);
  --acento: var(--nodo-rojo);
  --exito: var(--nodo-lima-profundo);
  --borde: #D5DDE8;

  /* Tipografía */
  --fuente-texto: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fuente-titulos: "Oswald", "Arial Narrow", Impact, sans-serif;
  --fs-base: 1rem;
  --lh-base: 1.6;

  /* Espaciado y forma */
  --radio: 12px;
  --radio-chico: 8px;
  --sombra: 0 1px 2px rgb(10 35 73 / 6%), 0 4px 16px rgb(10 35 73 / 6%);
}

.tema-oscuro {
  --bg: var(--nodo-azul-profundo);
  --superficie: #0F2D5C;
  --texto: var(--nodo-blanco);
  --texto-secundario: #B9C6D6;
  --enlace: var(--nodo-celeste);
  --acento: var(--nodo-lima);
  --exito: var(--nodo-lima);
  --borde: #22407A;
}