/* Variables Globales y Sistema de Diseño - Fundación Goyipao 2026 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Nunito:wght@400;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');

:root {
    /* Paleta de Colores Oficial (Manual de Identidad Visual) */
    --color-primary: #4E5E2B;         /* Verde Cafetal (Oliva) */
    --color-primary-dark: #3b481f;    /* Verde Cafetal Oscuro */
    --color-primary-light: #6c8041;   /* Verde Cafetal Claro */
    
    --color-accent: #E60000;          /* Rojo Goyipao (Acento Oficial) */
    --color-accent-dark: #b30000;     /* Rojo Goyipao Oscuro */
    
    --color-dark-green: #1F4B3A;      /* Verde Bosque (Fondo Oscuro) */
    --color-text-light: #666666;      /* Gris Institucional (Texto de Apoyo) */
    
    --color-bg-main: #FAF7F1;         /* Marfil (Fondo Principal) */
    --color-bg-alt: #F2EDE3;          /* Crema Cálido (Fondo Secundario) */
    --color-bg-card: #ffffff;         /* Fondo de Tarjetas Blanco Puro */
    
    --color-text: #141610;            /* Carbón Orgánico (Texto Principal) */
    --color-text-muted: #807f7b;      /* Texto de apoyo / Gris Claro */
    --color-border: #dfdcd8;          /* Bordes de división arcillosos */
    --color-white: #ffffff;
    
    /* Tipografía Oficial */
    --font-heading: 'Urbane Rounded', 'Nunito', 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
    
    /* Sombras y Elevaciones Premium */
    --shadow-sm: 0 2px 4px rgba(20, 22, 16, 0.04);
    --shadow-md: 0 4px 12px rgba(20, 22, 16, 0.06);
    --shadow-lg: 0 12px 24px rgba(20, 22, 16, 0.08);
    --shadow-glass: 0 8px 32px 0 rgba(20, 22, 16, 0.04);
    
    /* Bordes y Esquinas */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 30px;
    --radius-full: 9999px;
    
    /* Tiempos de Transición */
    --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-normal: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-slow: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    
    /* Medidas de Contenedores */
    --max-width: 1200px; /* Stretched to standard brand guide size */
    --header-height: 80px;
}