:root {
  /* Paleta corporativa */
  --azul-oscuro: #142f5f;   /* Fondo navbar, footer */
  --azul-celeste: #1E90FF;  /* Destacados, hover navbar */
  --amarillo: #FFD700;      /* Botones, acentos */
  --blanco: #FFFFFF;        /* Texto sobre fondos oscuros */
  --gris-claro: #F5F5F5;    /* Fondos suaves */
  --gris-medio: #CCCCCC;    /* Bordes, separadores */
  --gris-oscuro: #141616;  
  --rojo-claro: #ff5c5c;

  /* Tipografía */
  --font-primary: 'Roboto', sans-serif;
  --font-secondary: 'Montserrat', sans-serif;

  /* Sombras y bordes */
  --shadow-light: 0 2px 6px rgba(0,0,0,0.1);
  --shadow-medium: 0 4px 12px rgba(0,0,0,0.2);
  --radius: 8px; 
}