/* ============================================================
   variables.css — Identidad visual
   ------------------------------------------------------------
   Aqui viven los colores y las fuentes de toda la plataforma.
   Si quieres cambiar el guinda, el gris o el rojo de alerta,
   cambialo AQUI UNA VEZ y cambia en todas las pantallas.

   Las fuentes (Archivo, IBM Plex Sans, IBM Plex Mono) se cargan
   desde Google Fonts con el <link> que esta en index.html.
   ============================================================ */

:root{
  --guinda:#7A1338;
  --guinda-claro:#A8355A;
  --tinta:#201A1E;
  --tenue:#6E6470;
  --fondo:#F5F3F4;
  --papel:#FFFFFF;
  --linea:#E2DDE0;
  --alto:#C0392B;
  --medio:#D68910;
  --bajo:#1E8449;
  --neutro:#B9B2B6;

  /* Familias tipograficas. Las reglas de layout.css y components.css
     las escriben literales; estas variables estan disponibles para
     cualquier regla nueva que agregues. */
  --fuente-titulo: "Archivo", sans-serif;
  --fuente-texto:  "IBM Plex Sans", system-ui, sans-serif;
  --fuente-mono:   "IBM Plex Mono", monospace;
}