:root {
    --blackbean: #2c0703;
    --blackbean-light: #614542;
    --orangepeel: #ff9c00;
    --orangepeel-light: #ffb540;
    --pinegreen: #136f63;
    --pinegreen-light: #4e938a;
    --richblack: #011627;
    --richblack-light: #41515e;
    --black: #121212;
    /--white: #fbfaf8;
    --white: #F8F6F2;
    --background: #dadbdd;

    --basegrid: 12px;
    --basefontsize: var(--basegrid);
    --basemargin: calc(var(--basegrid));

    --border-radius: calc(var(--basegrid)/2);
    --border-radius-inner: calc(var(--border-radius)/2);

    --primary-color: var(--orangepeel);
    --secundary-color: var(--pinegreen);

    --maxwidth: calc(var(--basegrid)*100);

    --bsm-background: var(--background);
    --bsm-card-background: var(--white);
    --bsm-text: var(--black);
    --buttoncolor-light: var(--white);
    --buttoncolor-dark: var(--richblack);
    --buttoncolor-light-hover: var(--background);
    --buttoncolor-dark-hover: var(--richblack-light);
    --buttoncolor-light-text: var(--richblack);
    --buttoncolor-dark-text: var(--white);

    --mobile-width: 767px;
}
.new-design input, .new-design p, .new-design h4, html .new-design  {
    font-size: var(--basefontsize);
    line-height: var(--basefontsize);
}
.new-design h1 {
    font-size: calc(var(--basefontsize)*3);
    line-height: calc(var(--basefontsize)*3);
    text-transform: none;
    color: var(--pinegreen);
}
.new-design h2 {
    font-size: calc(var(--basefontsize)*2);
    line-height: calc(var(--basefontsize)*2);
    text-transform: none;
    color: var(--pinegreen);
}
.new-design h3 {
    font-size: calc(var(--basefontsize)*1.5);
    line-height: calc(var(--basefontsize)*1.5);
    text-transform: none;
    color: var(--pinegreen);
}
.new-design h4 {
    font-size: calc(var(--basefontsize)*1.25);
}
.new-design p.small {
    font-size: var(--basefontsize);
    line-height: var(--basefontsize);
}
@media (prefers-color-scheme: dark) {
    /**
     * For now disabled the dark-mode 
    :root {
        --bsm-background: var(--richblack);
        --bsm-card-background: var(--richblack-light);
        --bsm-text: var(--white);
        --buttoncolor-light: var(var(--white));
        --buttoncolor-dark: var(var(--richblack));
    }
    .new-design body {
        color: var(--bsm-text);
        background-color: var(--background);
    }*/
}