/*======================================
EIVOX DESIGN SYSTEM
VARIABLES
======================================*/

:root{

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

    --primary:#2563eb;
    --primary-hover:#1d4ed8;

    --secondary:#7c3aed;
    --secondary-hover:#6d28d9;

    --success:#10b981;
    --warning:#f59e0b;
    --danger:#ef4444;
    --info:#06b6d4;

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

    --background:#070B16;
    --background-light:#0f172a;
    --surface:#111827;
    --surface-light:#1f2937;
    --card:#141c2f;
    --card-hover:#1b2540;

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

    --text:#ffffff;
    --text-light:#d1d5db;
    --text-muted:#94a3b8;
    --text-dark:#111827;

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

    --border:#23304a;
    --border-light:#334155;

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

    --shadow-xs:0 2px 5px rgba(0,0,0,.10);
    --shadow-sm:0 5px 12px rgba(0,0,0,.18);
    --shadow:0 10px 25px rgba(0,0,0,.25);
    --shadow-lg:0 20px 45px rgba(0,0,0,.35);

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

    --radius-xs:6px;
    --radius-sm:10px;
    --radius:16px;
    --radius-lg:24px;
    --radius-xl:32px;
    --radius-round:999px;

    /*======================================
    FONT FAMILY
    ======================================*/

    --font-primary:'Inter',sans-serif;
    --font-secondary:'Poppins',sans-serif;

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

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

    /*======================================
    FONT WEIGHT
    ======================================*/

    --weight-light:300;
    --weight-normal:400;
    --weight-medium:500;
    --weight-semibold:600;
    --weight-bold:700;
    --weight-extrabold:800;

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

    --space-1:4px;
    --space-2:8px;
    --space-3:12px;
    --space-4:16px;
    --space-5:20px;
    --space-6:24px;
    --space-7:32px;
    --space-8:40px;
    --space-9:48px;
    --space-10:64px;

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

    --header-height:70px;
    --bottom-nav-height:72px;

    /*======================================
    SIDEBAR
    ======================================*/

    --sidebar-width:280px;
    --sidebar-mobile-width:90%;

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

    --container-xs:480px;
    --container-sm:768px;
    --container-md:992px;
    --container-lg:1200px;
    --container-xl:1440px;

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

    --transition-fast:.2s ease;
    --transition:.3s ease;
    --transition-slow:.5s ease;

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

    --z-dropdown:1000;
    --z-sticky:1020;
    --z-fixed:1030;
    --z-modal:1050;
    --z-loader:9999;

}