:root {
    /* Primary Color Variables */
    --primary-color: #2c8d2d;
    --primary-hue: 121;
    --primary-saturation: 52%;
    --primary-lightness: 36%;
    --primary--rgb: 44 141 45;

    --primary-r: 44;
    --primary-g: 141;
    --primary-b: 45;
    --primary-a: 1;
    --extra: 24%;
    --primary-hsl: var(--primary-hue), var(--primary-saturation), var(--primary-lightness);
    --primary-hsl-lighter: var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) + var(--extra));
    --primary-hsl-darker: var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) - var(--extra));
    --primary-rgb: var(--primary-r), var(--primary-g), var(--primary-b);

    /* Secondary Color Variables */
    --secondary-color: #b39f25;
    --secondary-hue: 52;
    --secondary-saturation: 66%;
    --secondary-lightness: 42%;

    --secondary--rgb: 179 159 37;
    --secondary-r: 179;
    --secondary-g: 159;
    --secondary-b: 37;
    --secondary-a: 1;

    --secondary-hsl: var(--secondary-hue), var(--secondary-saturation), var(--secondary-lightness);
    --secondary-hsl-lighter: var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) + var(--extra));
    --secondary-hsl-darker: var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) - var(--extra);
    --secondary-rgb: var(--secondary-r), var(--secondary-g), var(--secondary-b);

    --bs-primary: var(--primary-color);
    --bs-secondary: var(--secondary-color);
    --bs-primary-rgb: var(--secondary-rgb);
    --bs-primary-rgba: rgba(var(--secondary-rgb), 0.8);
    --bs-secondary-rgb: var(--secondary-rgb);
    --bs-secondary-bg: var(--secondary-color);
}