/* Theme base styles */ /* Tools Any animations, or functions used throughout the project. Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here */ /* Generic This is where reset, normalize & box-sizing styles go. */ :root { --theme-color-primary: #575757; --theme-color-secondary: #157334; --color-primary: var(--theme-color-primary); --color-secondary: var(--theme-color-secondary); --color-brand-green: #0A5641; --color-brand-red: #DC0D1D; --color-brand-black: #202020; --color-brand-white: #FBFBFB; --color-brand-beige: #F2E8DD; --color-brand-lime: #609438; --color-brand-olive: #9AB34B; --color-brand-deep-green: #00260C; --font-primary: "Barlow", sans-serif; --font-secondary: "Barlow", sans-serif; } /* Objects Non-cosmetic design patterns including grid and layout classes) */ /* Elements Base HTML elements are styled in this section (,