@property --gradient-angle {
    syntax: "<angle>";
    initial-value: 90deg;
    inherits: false;
}

:root {
    --r: 30px;
    /* radius */
    --s: 50px;
    /* size of the inner curve*/
    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%) no-repeat;
    --theme-color1: #C9F31D;
    --theme-color2: #002828;
    --theme-color3: #063232;
    --theme-color4: #AE5935;
    --theme-color1-rgb: 201, 243, 29;
    --theme-color2-rgb: 0, 40, 40;
    --theme-color3-rgb: 6, 50, 50;
    --theme-color4-rgb: 174, 89, 53;
    --theme-color1-text-color: #092837;
    --theme-color2-text-color: #fff;
    --theme-color3-text-color: #fff;
    --theme-color4-text-color: #fff;
    --body-bg: #063232;
    --body-font-size: 16px;
    --body-line-height: 1.5;
    --body-font-weight: 400;
    --text-color: #CCCCCC;
    --headings-color: #FFFFFF;
    --gradient-1: linear-gradient(180deg, #040B1D 33.14%, #0745E3 101.28%);
    --gradient-2: linear-gradient(89.51deg, #040B1D -14.03%, #0A308D 99.77%);
    --h6-font-weight: 600;
}