/* =====================================================
   EAGLETRANSPORT
   Variables globales
===================================================== */

:root {

    /* =========================================
       COLORES
    ========================================= */

    --color-black: #050505;

    --color-black-soft: #090909;

    --color-dark: #0d0d0d;

    --color-dark-light: #151515;

    --color-dark-border: #242424;


    /* Dorado corporativo */

    --color-gold: #c99a24;

    --color-gold-light: #deb33d;

    --color-gold-dark: #a87912;


    /* Textos */

    --color-white: #ffffff;

    --color-white-soft: #f4f4f4;

    --color-gray: #a6a6a6;

    --color-gray-light: #c5c5c5;


    /* =========================================
       TIPOGRAFÍAS
    ========================================= */

    --font-heading: "Saira Semi Condensed", sans-serif;

    --font-body: "Manrope", sans-serif;


    /* =========================================
       CONTENEDOR
    ========================================= */

    --container-width: 1280px;

    --container-padding: 32px;


    /* =========================================
       ESPACIADOS
    ========================================= */

    --section-space: 120px;


    /* =========================================
       BORDER RADIUS
    ========================================= */

    --radius-small: 8px;

    --radius-medium: 14px;

    --radius-large: 24px;


    /* =========================================
       TRANSICIONES
    ========================================= */

    --transition-fast: 0.2s ease;

    --transition-normal: 0.35s ease;

    --transition-slow: 0.6s ease;


    /* =========================================
       SOMBRAS
    ========================================= */

    --shadow-dark:
        0 15px 40px rgba(0, 0, 0, 0.35);


    /* =========================================
       Z-INDEX
    ========================================= */

    --z-header: 1000;

    --z-menu: 1100;

}