/* Colores y tipografía según DISEÑO.md. Cambiar aquí, nunca en cada pantalla. */

/* Fuentes alojadas en nuestra web (no en Google Fonts: RGPD). Si aún no están en web/fuentes/,
   el navegador usa la fuente de respaldo de cada familia. */
@font-face {
  font-family: "Fraunces";
  src: url("/fuentes/fraunces.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/fuentes/plex-sans-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/fuentes/plex-sans-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("/fuentes/plex-mono-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

:root {
  /* Base */
  --color-papel: #F6F3EC;
  --color-superficie: #FFFDF8;
  --color-tinta: #1B2430;
  --color-tinta-suave: #5A6472;
  --color-marca: #0F4C4A;
  --color-linea: #DCD6C8;         /* filetes y bordes, sobre papel */

  /* Acción principal: solo un elemento por pantalla, texto siempre en tinta */
  --color-accion: #E8792B;
  --color-accion-hover: #D96A1C;
  --color-accion-texto: #1B2430;

  /* Resultados: siempre con icono o texto, nunca solo el color */
  --color-ok: #2E7D4F;
  --color-aviso: #C98A12;        /* solo iconos y fondos: no llega al contraste como texto */
  --color-aviso-texto: #8A5A00;
  --color-critico: #B3261E;

  /* Tipografía */
  --fuente-titulos: "Fraunces", Georgia, "Times New Roman", serif;
  --fuente-texto: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fuente-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
  --texto-base: 18px;
  --ancho-lectura: 70ch;
  --ancho-pagina: 1120px;
  --radio: 4px;
}