:root { --primary: #89692F; --secondary: #AB1A23; --infor: #0E30B3; --white: #ffffff; --black: #030303;}.bg-primary { background-color: var(--primary); }.text-primary { color: var(--primary); }.border-primary { border-color: var(--primary); }.outline-primary { outline-color: var(--primary); }.fill-primary { fill: var(--primary); }.stroke-primary { stroke: var(--primary); }.bg-secondary { background-color: var(--secondary); }.text-secondary { color: var(--secondary); }.border-secondary { border-color: var(--secondary); }.outline-secondary { outline-color: var(--secondary); }.fill-secondary { fill: var(--secondary); }.stroke-secondary { stroke: var(--secondary); }.stroke-infor { stroke: var(--infor); }.fill-infor { fill: var(--infor); }.outline-infor { outline-color: var(--infor); }.border-infor { border-color: var(--infor); }.text-infor { color: var(--infor); }.bg-infor { background-color: var(--infor); }.bg-white { background-color: var(--white); }.text-white { color: var(--white); }.border-white { border-color: var(--white); }.outline-white { outline-color: var(--white); }.fill-white { fill: var(--white); }.stroke-white { stroke: var(--white); }.stroke-black { stroke: var(--black); }.fill-black { fill: var(--black); }.outline-black { outline-color: var(--black); }.border-black { border-color: var(--black); }.text-black { color: var(--black); }.bg-black { background-color: var(--black); }