:root {
    --wc-green: #048743;
    --wc-green-2: #80C342;
    --wc-green-bg: #EDF2F0;
    --wc-white: #FFFFFF;
    --wc-card-bg: #C5C5C5;
    --wc-light-white: #D9D9D9;
    --wc-decor-white: #e6e6e680;
    --wc-decor-green: #04874366;
    --wc-light-black: #000000BC;
    --wc-black: #000000;
    --wc-light-dark: #333333bf;
    --wc-light-dark: #5c5c5cbf;
    --wc-dark: #333333;
    --wc-dark-mid: #707070;
    --wc-tr-bg-color: #052615;
    --wc-tr-border-color: hwb(149 2% 75% / 1);
    --wc-gradient-green: "linear-gradient(to right, var(--wc-green), var(var(--wc-green-2)))";
}

:root {
    --topbar-height: 32px;
    --navlink-height: 70px;
    --navbar-height: calc(var(--topbar-height) + var(--navlink-height));
    --vw: 1200px;
    --cw: 800px;
    --global-size: 0.85em;
    --scroll-mt: var(--navbar-height);
}

@media screen and (min-width: 768px) {
    :root {
        --navlink-height: 80px;
    }
}