/*
 * sigaa-theme.css — CONFIGURACION DE MARCA / BRAND CONFIGURATION
 *
 * Este archivo contiene UNICAMENTE las variables CSS de marca.
 * Para actualizar el branding:
 *   1. Reemplazar los valores de color por los hex corporativos
 *   2. Actualizar --sigaa-font-family con la tipografia corporativa
 *   3. Reemplazar static/img/logo.svg con el logo oficial
 *   4. Actualizar SIGAA_BRAND en sigaa/settings.py
 *
 * NO colocar reglas de layout ni componentes aqui — solo :root variables.
 */

:root {
  /* -- Colores de marca -------------------------------------------------- */
  --sigaa-primary:        #1a3c4a;   /* Teal petroleo oscuro */
  --sigaa-secondary:      #2d5f6e;   /* Teal medio          */
  --sigaa-accent:         #c8a96e;   /* Dorado suave        */
  --sigaa-bg:             #f5f5f5;   /* Fondo general       */
  --sigaa-surface:        #ffffff;   /* Fondo de tarjetas   */
  --sigaa-text:           #2d3436;   /* Texto principal     */
  --sigaa-text-muted:     #6c757d;   /* Texto secundario    */

  /* -- Tipografia -------------------------------------------------------- */
  --sigaa-font-family:    'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --sigaa-font-size-base: 14px;
  --sigaa-font-size-sm:   12px;

  /* -- Navbar ------------------------------------------------------------ */
  --sigaa-navbar-bg:      #1a3c4a;
  --sigaa-navbar-text:    rgba(255, 255, 255, 0.85);
  --sigaa-navbar-active:  #c8a96e;

  /* -- Footer ------------------------------------------------------------ */
  --sigaa-footer-bg:      #1a3c4a;
  --sigaa-footer-text:    rgba(255, 255, 255, 0.55);

  /* -- Componentes ------------------------------------------------------- */
  --sigaa-border-radius:  6px;
  --sigaa-shadow-sm:      0 1px 4px rgba(0,0,0,.08);
  --sigaa-shadow:         0 2px 10px rgba(0,0,0,.10);
  --sigaa-shadow-lg:      0 4px 20px rgba(0,0,0,.14);

  /* -- Bootstrap overrides ----------------------------------------------- */
  --bs-primary:           #2d5f6e;
  --bs-primary-rgb:       45, 95, 110;
  --bs-body-font-family:  var(--sigaa-font-family);
  --bs-body-font-size:    var(--sigaa-font-size-base);
  --bs-body-bg:           var(--sigaa-bg);
}