/* ==========================================================
   00-variables.css
   FUNCIÓN: Define los colores y tamaños de borde de toda la web.
   Si quieres cambiar un color de la marca, se cambia SOLO aquí.
   ========================================================== */

:root{
  /* --- Colores de la marca (sacados del logo) --- */
  --azul: #2E4A93;
  --azul-osc: #1B2E63;
  --verde: #A9CC4F;
  --verde-osc: #7FA030;
  --gris: #96979C;

  /* --- Colores de fondo y texto --- */
  --papel: #F7F8FA;       /* fondo general de la página */
  --panel: #FFFFFF;       /* fondo de las tarjetas */
  --tinta: #1B1B22;       /* texto principal */
  --tinta-suave: #55565E; /* texto secundario */

  /* --- Radios de borde (qué tan redondeadas son las esquinas) --- */
  --r-sm: 12px;
  --r-md: 22px;
  --r-lg: 34px;
  --r-pill: 999px;
}