:root {
    --primary: #4C9625;
    --primary-rgb: 76, 150, 37;
    --secondary: #5A243C;
    --secondary-rgb: 90, 36, 60;
    --tertiary: #5A243C;
    --tertiary-rgb: 90, 36, 60;
    --body-bg: #FFFFFF;
    --body-bg-rgb: 255, 255, 255;
    --body-color: #495057;
    --body-color-rgb: 73, 80, 87;
    --heading-color: #000000;
    --heading-color-rgb: 0, 0, 0;
    --white: #fff;
    --white-rgb: 255, 255, 255;
    --gray-100: #F3F4F5;
    --gray-100-rgb: 243, 244, 245;
    --gray-200: #E5E8EA;
    --gray-200-rgb: 229, 232, 234;
    --gray-300: #D9DCE0;
    --gray-300-rgb: 217, 220, 224;
    --gray-400: #C8CED4;
    --gray-400-rgb: 200, 206, 212;
    --gray-500: #ADB5BD;
    --gray-500-rgb: 173, 181, 189;
    --gray-600: #6C757D;
    --gray-600-rgb: 108, 117, 125;
    --gray-700: #495057;
    --gray-700-rgb: 73, 80, 87;
    --gray-800: #343A40;
    --gray-800-rgb: 52, 58, 64;
    --gray-900: #212529;
    --gray-900-rgb: 33, 37, 41;
    --black: #000;
    --black-rgb: 0, 0, 0;
    /* Hover colors */
    --primary-hover: color-mix(in srgb, var(--black) 10%, var(--primary));
    --secondary-hover: color-mix(in srgb, var(--black) 10%, var(--secondary));
    --tertiary-hover: color-mix(in srgb, var(--black) 10%, var(--tertiary));
    --white-hover: color-mix(in srgb, var(--black) 5%, var(--white));
    /* Fonts */
    --font-family-heading: 'Ubuntu', sans-serif;
    --font-weight-heading: bold;
    /* Logo size */
    --topbar-logo-height: 75px;
    --topbar-logo-height-mobile: 60px;
}