:root {
    /* Primary Color Variables */
    --primary-color: #04990a;
    --primary-hue: 122;
    --primary-saturation: 95%;
    --primary-lightness: 31%;
    --primary--rgb: 4 153 10;

    --primary-r: 4;
    --primary-g: 153;
    --primary-b: 10;
    --primary-a: 1;
    --extra: 21%;
    --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: #b24a00;
    --secondary-hue: 25;
    --secondary-saturation: 100%;
    --secondary-lightness: 35%;

    --secondary--rgb: 178 74 0;
    --secondary-r: 178;
    --secondary-g: 74;
    --secondary-b: 0;
    --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);
}