/* =========================================
   VARIABLES & CONFIGURACIÓN
   ========================================= */
:root {
  /* Paleta de Colores ULP */
  --ulp-blue: #0e1b9b;
  /* Azul principal */
  --ulp-accent: #0e4d92;
  /* Azul secundario/acento */
  --ulp-dark: #000000;
  /* Negro para fondos oscuros */
  --ulp-grey: #b0b8be;
  /* Gris para textos secundarios */
  --white: #ffffff;
  /* Blanco */
  --black: #000000;
  /* Negro para textos */
  --ulp-light: #f8fafc;
  /* Gris muy claro (derivado) */

  /* Colores de Texto */
  --text-primary: #333333;
  /* Texto principal oscuro */
  --text-secondary: #555555;
  /* Texto secundario */
  --text-tertiary: #666666;
  /* Texto terciario */

  /* Grises */
  --grey-100: #f5f5f5;
  /* Gris muy claro */
  --grey-200: #e0e0e0;
  /* Gris claro */

  /* Colores de Acento */
  --accent-cyan: #4fc3f7;
  /* Celeste para íconos y acentos */

  /* Colores para Book Badge */
  --badge-bg: #fff8e1;
  /* Fondo amarillo claro */
  --badge-border: #ffc107;
  /* Borde amarillo */
  --badge-text: #856404;
  /* Texto marrón */

  /* Gradientes de Hero */
  --hero-gradient-dark: rgba(5, 10, 48, 0.95);
  --hero-gradient-blue: rgba(14, 27, 155, 0.85);

  /* Medidas */
  --header-height: 80px;

  /* Sombras */
  --shadow-soft: 0 10px 30px -10px rgba(14, 27, 155, 0.15);
  --shadow-hover: 0 20px 40px -10px rgba(14, 27, 155, 0.25);

  /* Transiciones */
  --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}