:root {
    /* Primary Color Variables */
    --primary-color: #0d8778;
    --primary-hue: 173;
    --primary-saturation: 82%;
    --primary-lightness: 29%;

    --primary-r: 13;
    --primary-g: 135;
    --primary-b: 120;
    --primary-a: 1;
    --extra: 19%;
    --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: #055b38;
    --secondary-hue: 156;
    --secondary-saturation: 90%;
    --secondary-lightness: 19%;

    --secondary-r: 5;
    --secondary-g: 91;
    --secondary-b: 56;
    --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);
}