:root{

    /* Main Colors */

    --primary:#2563EB;
    --primary-dark:#1D4ED8;
    --secondary:#38BDF8;

     --dark:#0F172A;
--success:#10B981;

 --danger:#EF4444;  
    /* Background */

    --bg:#F8FAFC;
    --white:#FFFFFF;

    /* Text */

    --text:#1E293B;
    --gray:#64748B;

    /* Border */

    --border:#E2E8F0;

    /* Shadow */

    --shadow:0 10px 30px rgba(0,0,0,.08);

    /* Radius */

    --radius:18px;

    /* Transition */

    --transition:.3s ease;

}