/**
 * Variables de Identidad Corporativa - Llanos Adventures
 * Ubicación: Mesetas, Meta, Colombia. (Cañón del Río Güejar)
 * Basado estrictamente en el Manual de Identidad Corporativa Oficial.
 */
:root {
    /* ==========================================
       1. PALETA DE COLORES CORPORATIVOS
       Valores exactos según Manual de Marca
    ========================================== */
    --llanos-rojo-naranja: #D41F2C; /* */
    --llanos-verde: #16853E;        /* Identificado en el manual como Naranja Amarillo, pero visualmente es el Verde corporativo */
    --llanos-azul: #047685;         /* */
    --llanos-naranja: #F38605;      /* */
    --llanos-amarillo: #FECE00;     /* */
    --llanos-blanco: #FFFFFF;       /* */
    
    /* ==========================================
       2. COLORES FUNCIONALES Y DE INTERFAZ (UI)
       Para garantizar contraste y legibilidad
    ========================================== */
    --llanos-texto-principal: #333333; /* Gris muy oscuro para el texto de párrafos */
    --llanos-texto-secundario: #666666; /* Gris medio para subtítulos o fechas de reservas */
    --llanos-fondo-claro: #F8F9FA;      /* Fondo base para la web (suave para la vista) */
    
    /* Variables de interacción (Estados Hover para botones) */
    --llanos-hover-verde: #126e32;      /* Un tono más oscuro de --llanos-verde */
    --llanos-hover-rojo: #b01824;       /* Un tono más oscuro de --llanos-rojo-naranja */

    /* ==========================================
       3. TIPOGRAFÍAS OFICIALES
    ========================================== */
    /* Para Títulos y Logos (Impacto visual) */
    --font-titulos: 'Cakar Monyet', sans-serif; /* */
    
    /* Para Párrafos y descripciones (Legibilidad) */
    --font-textos: 'Neufreit', sans-serif;      /* Extra Bold según manual */

    /* ==========================================
       4. SISTEMA DE ESPACIADO (SPACING)
       Diseño modular para mantener proporciones perfectas
    ========================================== */
    --espaciado-xs: 0.5rem;   /* 8px   - Espacios mínimos */
    --espaciado-sm: 1rem;     /* 16px  - Espacios entre textos */
    --espaciado-md: 2rem;     /* 32px  - Espacios entre componentes */
    --espaciado-lg: 4rem;     /* 64px  - Espacios entre secciones grandes */
    --espaciado-xl: 6rem;     /* 96px  - Paddings principales */

    /* ==========================================
       5. BORDES Y SOMBRAS (Sombras de los elementos web)
    ========================================== */
    --borde-radio: 8px; /* Bordes sutilmente redondeados para tarjetas de tours/paquetes */
    --borde-radio-lg: 16px; 
    --sombra-suave: 0 4px 6px rgba(0, 0, 0, 0.05); /* Sombra elegante para tarjetas de experiencias */
    --sombra-fuerte: 0 10px 15px rgba(0, 0, 0, 0.1); /* Para el menú de navegación flotante o buscador */
}