/* ==========================================================================
   Design Tokens — Grupo Latitud
   Extraídos do Figma. Fonte única de verdade para cores, tipografia e layout.
   ========================================================================== */

:root {
    /* Cores */
    --color-primary: #EF8619;
    --color-dark: #13171A;
    --color-white: #FFFFFF;
    --color-text-light: #D5D7DA;
    --color-text-hero: #F5F5F5;
    --color-text-dark: #3D3F43;
    --color-bg-light: #FAFAFA;

    /* Tipografia */
    --font-body: 'Inter', sans-serif;
    --font-heading: 'Raleway', sans-serif;
    --font-text: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;

    /* Layout */
    --container-width: 1360px;
    --container-padding: 112px;

    /* Hero overlay (gradientes do Figma) */
    --hero-overlay:
        linear-gradient(22.58deg, rgba(19, 23, 26, 0) 53.13%, rgba(19, 23, 26, 0.3) 80.81%, rgba(234, 221, 30, 0.6) 119.31%),
        linear-gradient(284.45deg, rgba(22, 90, 170, 0) 34.22%, rgba(19, 23, 26, 0.6) 85.04%),
        linear-gradient(247.26deg, rgba(19, 23, 26, 0) 17.62%, rgba(19, 23, 26, 0.4) 51.76%, rgba(0, 45, 98, 0.8) 106.93%);

    /* Componentes */
    --nav-pill-bg: rgba(0, 0, 0, 0.08);
    --nav-pill-border: 1px solid rgba(255, 255, 255, 0.08);
    --nav-pill-blur: blur(5px);
    --nav-dropdown-bg: rgba(19, 23, 26, 0.55);
    --nav-dropdown-border: 1px solid rgba(255, 255, 255, 0.12);
    --nav-dropdown-blur: blur(20px) saturate(160%);
    --scroll-btn-bg: rgba(255, 255, 255, 0.2);
    --scroll-btn-border: 1px solid rgba(255, 255, 255, 0.2);
    --scroll-btn-blur: blur(3px);

    /* Transições */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
}