:root{

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

    --primary:#ff1744;
    --primary-light:#ff4f73;
    --primary-dark:#d50032;

    --secondary:#7b2cff;
    --secondary-light:#9d5dff;

    --success:#00d26a;
    --warning:#ffb300;

    --white:#ffffff;

    --text:#f5f5f5;
    --text-light:#b8b8b8;
    --text-muted:#8f8f8f;

    --bg:#050505;
    --bg-light:#0d0d0d;
    --bg-card:#111111;

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

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

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

    --shadow-md:
        0 15px 35px rgba(0,0,0,.28);

    --shadow-lg:
        0 30px 70px rgba(0,0,0,.45);

    --shadow-primary:
        0 0 35px rgba(255,23,68,.30);

    --shadow-purple:
        0 0 40px rgba(123,44,255,.22);

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

    --radius-sm:10px;
    --radius-md:18px;
    --radius-lg:28px;
    --radius-xl:40px;
    --radius-full:999px;

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

    --section-padding:140px;

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

    --transition-fast:.25s ease;

    --transition:.4s ease;

    --transition-slow:.65s ease;

}