/* ==========================================
   LOGNEXUS DESIGN SYSTEM
   VARIABLES
========================================== */

:root{

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

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

    --secondary:#06b6d4;
    --secondary-hover:#0891b2;

    --success:#22c55e;
    --warning:#f59e0b;
    --danger:#ef4444;

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

    --background:#020617;

    --surface:#0f172a;

    --card:#111827;

    --card-hover:#1e293b;

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

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

    --white:#ffffff;

    --text:#e2e8f0;

    --muted:#94a3b8;

    --disabled:#64748b;

    /* ==========================
       BUTTONS
    ========================== */

    --button-height:48px;

    --button-radius:14px;

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

    --radius-sm:10px;

    --radius:18px;

    --radius-lg:24px;

    --radius-xl:32px;

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

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

    --shadow:
        0 12px 35px rgba(0,0,0,.25);

    --shadow-lg:
        0 20px 60px rgba(0,0,0,.35);

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

    --transition:.3s ease;

    --transition-fast:.18s ease;

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

    --container:1300px;

    --section-padding:90px;

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

    --space-1:8px;

    --space-2:12px;

    --space-3:16px;

    --space-4:20px;

    --space-5:24px;

    --space-6:32px;

    --space-7:48px;

    --space-8:64px;

    --space-9:96px;

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

    --z-navbar:1000;

    --z-dropdown:1100;

    --z-modal:1200;

    --z-toast:1300;

}