/* Marca Avocado (Manual de marca): tipografias propias servidas por la app (licencia OFL, sin
   depender de Google Fonts) y paleta oficial. Fredoka SemiBold para titulos y logo; Manrope
   para texto e interfaz (400 parrafos, 600 etiquetas, 800 cifras y totales). */
@font-face { font-family: 'Fredoka'; src: url('/fonts/Fredoka-600.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('/fonts/Manrope-400.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('/fonts/Manrope-600.ttf') format('truetype'); font-weight: 500 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('/fonts/Manrope-800.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }

:root {
    /* Paleta oficial */
    --avocado-verde-aguacate: #5A9E3A;  /* graficos, iconos, bordes (3.29:1: no para texto) */
    --avocado-verde-bosque:   #42702D;  /* botones y enlaces: blanco encima 5.85:1 */
    --avocado-amarillo-pulpa: #E6CF3A;  /* acentos y destacados */
    --avocado-marron-hueso:   #8B5A2B;  /* detalles */
    --avocado-tinta:          #1E2B1A;  /* texto principal y barra superior */
    --avocado-crema:          #F7F5EC;  /* fondo general */

    --avocado-fuente-texto:   'Manrope', 'Segoe UI', Arial, sans-serif;
    --avocado-fuente-titulo:  'Fredoka', 'Manrope', 'Segoe UI', Arial, sans-serif;
    --bs-body-font-family:    var(--avocado-fuente-texto);
}

body { font-family: var(--avocado-fuente-texto); }

/* Titulos de pagina y de tarjeta con Fredoka; el resto en Manrope. */
h1, .h1, .dv-title h1, .login-heading h1 { font-family: var(--avocado-fuente-titulo); font-weight: 600; letter-spacing: .005em; }
.dv-card-title, .ayuda-card h4 { font-family: var(--avocado-fuente-titulo); font-weight: 600; }
/* Cifras y totales: Manrope ExtraBold. */
.dv-kpi-value, .tasa-num { font-weight: 800; }

/* Enlaces en Verde Bosque (5.85:1 sobre blanco, 5.36:1 sobre crema). */
a { color: var(--avocado-verde-bosque); }
a:hover { color: #2F5320; }