:root{

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

    --bg:#07142b;

    --bg-secondary:#0b1f47;

    --card:#14234b;

    --card-light:
    rgba(255,255,255,0.05);

    --primary:#38b6ff;

    --primary-dark:#0077ff;

    --success:#00d26a;

    --danger:#ff5252;

    --warning:#ffc107;

    --text:#ffffff;

    --muted:#b8c6e0;

    --border:
    rgba(255,255,255,0.08);

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

    --primary-gradient:
    linear-gradient(
        145deg,
        #0077ff,
        #38b6ff
    );

    --danger-gradient:
    linear-gradient(
        145deg,
        #ff5b5b,
        #ff2e2e
    );

    --glass:
    rgba(255,255,255,0.05);

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

    --shadow-sm:
    0 4px 12px rgba(0,0,0,0.12);

    --shadow-md:
    0 10px 25px rgba(0,0,0,0.18);

    --shadow-lg:
    0 20px 40px rgba(0,0,0,0.24);

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

    --radius-sm:12px;

    --radius-md:18px;

    --radius-lg:26px;

    --radius-xl:32px;

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

    --transition:
    all 0.3s ease;

    /* =========================
       TYPOGRAPHY
    ========================= */

    --h1:42px;

    --h2:30px;

    --h3:22px;

    --body:15px;

    --small:13px;

}