/*==========================================================
D DIGITAL
GLOBAL VARIABLES
==========================================================*/

:root{

    /*======================================================
    COLORS
    ======================================================*/

    --color-background:#09090B;
    --color-surface:#111216;
    --color-surface-light:#18181B;

    --color-primary:#1F3BA6;
    --color-secondary:#5A2DDA;
    --color-accent:#9A35FF;

    --color-success:#25D366;
    --color-danger:#FF3B5C;

    --color-white:#F8FAFC;

    --color-text:#E5E7EB;
    --color-text-light:#94A3B8;

    --color-border:rgba(255,255,255,.08);

    /*======================================================
    GRADIENTS
    ======================================================*/

    --gradient-primary:
    linear-gradient(
        180deg,
        #1F3BA6 0%,
        #5A2DDA 60%,
        #9A35FF 100%
    );

    --gradient-button:
    linear-gradient(
        135deg,
        #2563EB 0%,
        #7C3AED 100%
    );

    --gradient-whatsapp:
    linear-gradient(
        135deg,
        #25D366 0%,
        #128C7E 100%
    );

    /*======================================================
    CONTAINER
    ======================================================*/

    --container:1400px;

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

    --radius-sm:12px;
    --radius-md:18px;
    --radius-lg:24px;
    --radius-xl:40px;
    --radius-full:999px;

    /*======================================================
    SECTION SPACING
    ======================================================*/

    --section-padding-xl:170px;
    --section-padding-lg:160px;
    --section-padding:120px;
    --section-padding-md:90px;
    --section-padding-mobile:80px;

    /*======================================================
    SPACING
    ======================================================*/

    --space-1:4px;
    --space-2:8px;
    --space-3:12px;
    --space-4:16px;
    --space-5:24px;
    --space-6:32px;
    --space-7:48px;
    --space-8:64px;
    --space-9:80px;
    --space-10:120px;
    --space-11:160px;

    /*======================================================
    FONT SIZE
    ======================================================*/

    --text-xs:.875rem;
    --text-sm:1rem;
    --text-md:1.125rem;
    --text-lg:1.25rem;
    --text-xl:1.5rem;
    --text-2xl:2rem;
    --text-3xl:2.5rem;

    /*======================================================
    SHADOWS
    ======================================================*/

    --shadow-sm:
        0 8px 20px rgba(0,0,0,.15);

    --shadow-md:
        0 18px 45px rgba(0,0,0,.25);

    --shadow-lg:
        0 40px 120px rgba(0,0,0,.35);

    --shadow-xl:
        0 60px 160px rgba(0,0,0,.45);

    --shadow-glow:
        0 0 70px rgba(124,58,237,.18);

    --shadow-whatsapp:
        0 18px 45px rgba(37,211,102,.35);

    /*======================================================
    TRANSITIONS
    ======================================================*/

    --transition-fast:.25s ease;
    --transition:all .35s ease;
    --transition-slow:.6s ease;

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

    --z-navbar:9999;
    --z-overlay:999;
    --z-modal:99999;

    /*======================================================
    NAVBAR
    ======================================================*/

    --navbar-height:90px;

    --navbar-height-mobile:72px;

}