/* ==========================================================
   WEBART FRAMEWORK
   Proyecto : Electric Vial SpA
   Archivo  : variables.css
   Autor    : WebArt SpA
========================================================== */

/* ==========================================================
   DESIGN TOKENS
========================================================== */

:root {

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

    --wa-color-primary: #FFC400;
    --wa-color-primary-hover: #E5B000;

    --wa-color-black: #050505;
    --wa-color-black-soft: #151515;

    --wa-color-white: #FFFFFF;

    --wa-color-text: #151515;
    --wa-color-text-light: #7D7D7D;

    --wa-color-border: rgba(255,255,255,.16);

    --wa-color-background: #FFFFFF;

    /* ======================================================
       LAYOUT
    ====================================================== */

    --wa-container: 1280px;

    --wa-section-xs: 40px;
    --wa-section-sm: 64px;
    --wa-section-md: 96px;
    --wa-section-lg: 120px;

    /* ======================================================
       ESPACIADO
    ====================================================== */

    --wa-space-1: 8px;
    --wa-space-2: 16px;
    --wa-space-3: 24px;
    --wa-space-4: 32px;
    --wa-space-5: 48px;
    --wa-space-6: 64px;
    --wa-space-7: 80px;
    --wa-space-8: 96px;

    /* ======================================================
       BORDES
    ====================================================== */

    --wa-radius-sm: 8px;
    --wa-radius-md: 12px;
    --wa-radius-lg: 20px;
    --wa-radius-xl: 24px;
    --wa-radius-round: 999px;

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

    --wa-shadow-sm: 0 4px 14px rgba(0,0,0,.08);

    --wa-shadow-md: 0 10px 30px rgba(0,0,0,.12);

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

    --wa-transition: .25s ease;

    /* ======================================================
       HEADER
    ====================================================== */

    --wa-header-height: 92px;
    --wa-topbar-height: 38px;

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

    --wa-z-header: 1000;
    --wa-z-menu: 1010;
    --wa-z-modal: 9999;

}