#myBody {

    --primary: #dc4f72;
    --secondary: #0d5fa8;
    --title-color: #2C3038;
    --text-color: #5a5a5a;
    --light-bg-color: #F7F9FC;
    --bg-color: #fff;
    --border-color: #eee;
    --bg-color-light: #fff;
    --bg-lightgrey: #f7f7f7;
    --border-color-light: #f8f9fa;
    --card-curve: 6px;
    --iframe-filter: grayscale(0%);
    --card-box-shadow: 1px 5px 7.5px rgba(14, 13, 13, 0.2);
    --card-hover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.09);
    --transformY: translateY(-0.5rem);

}



.dark#myBody {
    --primary: #dc4f72;
    --secondary: #0d5fa8;
    --title-color: #eee;
    --text-color: #b7b7b7;
    --border-color: #333;
    --bg-lightgrey: #191c1d;
    --border-color-light: #333;
    --bg-color: #131617;
    --iframe-filter: grayscale(100%);
    --light-bg-color: #191c1d;
}