/**
 * Paleta institucional — Colegio Católico El Redentor.
 * Colores base extraídos por muestreo de píxeles del logo oficial
 * (logo/redentor.png): amarillo #FFE617, carbón #2C2A2D.
 */
:root {
  /* Amarillo institucional */
  --color-amarillo: #FFE617;
  --color-amarillo-claro: #FFF6B8;
  --color-amarillo-oscuro: #C9A800;

  /* Neutros (carbón cálido, no negro puro) */
  --color-carbon: #2C2A2D;
  --color-gris-oscuro: #55504F;
  --color-gris-claro: #F4F3F1;
  --color-gris-borde: #E5E3E0;
  --color-blanco: #FFFFFF;

  /* Semánticos */
  --color-exito: #2E7D32;
  --color-advertencia: #B45F06;
  --color-error: #C62828;
  --color-info: #1565C0;

  /* Layout */
  --alto-header: 132px;
  --alto-header-movil: 108px;
  --radio-borde: 0.5rem;
  --sombra-tarjeta: 0 2px 10px rgba(44, 42, 45, 0.08);
}

/* Sobrescritura de variables de Bootstrap para usar la paleta institucional */
:root {
  --bs-primary: var(--color-carbon);
  --bs-warning: var(--color-amarillo);
  --bs-warning-rgb: 255, 230, 23;
  --bs-body-color: var(--color-carbon);
  --bs-link-color: var(--color-carbon);
  --bs-link-hover-color: var(--color-amarillo-oscuro);
  --bs-font-sans-serif: 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
}