/*=========================================
=            PERCENTAGE                  =
=========================================*/

.calc-percentage{

    --primary:#2563eb;
    --light:#eff6ff;
    --border:#bfdbfe;

}


/*=========================================
=            DISCOUNT                    =
=========================================*/

.calc-discount{

    --primary:#f97316;
    --light:#fff7ed;
    --border:#fed7aa;

}


/*=========================================
=                ROI                     =
=========================================*/

.calc-roi{

    --primary:#16a34a;
    --light:#f0fdf4;
    --border:#bbf7d0;

}


/*=========================================
=              LOAN                      =
=========================================*/

.calc-loan{

    --primary:#4f46e5;
    --light:#eef2ff;
    --border:#c7d2fe;

}


/*=========================================
=            MORTGAGE                    =
=========================================*/

.calc-mortgage{

    --primary:#0f766e;
    --light:#ecfeff;
    --border:#99f6e4;

}


/*=========================================
=             INTEREST                   =
=========================================*/

.calc-interest{

    --primary:#7c3aed;
    --light:#f5f3ff;
    --border:#ddd6fe;

}


/*=========================================
=                TAX                     =
=========================================*/

.calc-tax{

    --primary:#dc2626;
    --light:#fef2f2;
    --border:#fecaca;

}


/*=========================================
=                 VAT                    =
=========================================*/

.calc-vat{

    --primary:#d97706;
    --light:#fffbeb;
    --border:#fde68a;

}


/*=========================================
=              SAVINGS                   =
=========================================*/

.calc-savings{

    --primary:#059669;
    --light:#ecfdf5;
    --border:#a7f3d0;

}