:root { --footer-dark: #2F4519; --BrandGreenDark: #4F6B22; --BrandGreen: #6C8E2F; --BrandGreenLight: #A8C95A; --AccentOrangeDark: #C96822; --AccentOrange: #E6792C; --AccentApricot: #F3B27E; --BackgroundBase: #FCFCF8; --BackgroundAlt: #F2F6EC; --SurfaceWhite: #FFFFFF; --SurfaceSand: #F7F4EE; --BorderSoft: #D9E3CD; --Divider: #E8EEDF; --TextPrimary: #1F2718; --TextSecondary: #596452; --TextSoft: #7C8774; --TextInverse: #FFFFFF; --xs: clamp(0.53rem, calc(-0.0008333333333333336 * (100vw - 36rem) + 0.53rem), 0.44rem); --sm: clamp(0.67rem, calc(-0.0007407407407407414 * (100vw - 36rem) + 0.67rem), 0.59rem); --base: clamp(0.83rem, calc(-0.00037037037037036965 * (100vw - 36rem) + 0.83rem), 0.79rem); --lg: clamp(1.04rem, calc(0.00009259259259259267 * (100vw - 36rem) + 1.04rem), 1.05rem); --h3: clamp(1.3rem, calc(0.0009259259259259247 * (100vw - 36rem) + 1.3rem), 1.4rem); --h2: clamp(1.63rem, calc(0.0022222222222222244 * (100vw - 36rem) + 1.63rem), 1.87rem); --h1: clamp(2.03rem, calc(0.004259259259259263 * (100vw - 36rem) + 2.03rem), 2.49rem); --hero: clamp(2.54rem, calc(0.00722222222222222 * (100vw - 36rem) + 2.54rem), 3.32rem);}.bg-BrandGreenDark { background-color: var(--BrandGreenDark); }.text-BrandGreenDark { color: var(--BrandGreenDark); }.border-BrandGreenDark { border-color: var(--BrandGreenDark); }.bg-BrandGreen { background-color: var(--BrandGreen); }.text-BrandGreen { color: var(--BrandGreen); }.border-BrandGreen { border-color: var(--BrandGreen); }.bg-BrandGreenLight { background-color: var(--BrandGreenLight); }.text-BrandGreenLight { color: var(--BrandGreenLight); }.border-BrandGreenLight { border-color: var(--BrandGreenLight); }.bg-AccentOrangeDark { background-color: var(--AccentOrangeDark); }.text-AccentOrangeDark { color: var(--AccentOrangeDark); }.border-AccentOrangeDark { border-color: var(--AccentOrangeDark); }.bg-AccentOrange { background-color: var(--AccentOrange); }.text-AccentOrange { color: var(--AccentOrange); }.border-AccentOrange { border-color: var(--AccentOrange); }.bg-BackgroundBase { background-color: var(--BackgroundBase); }.bg-BackgroundAlt { background-color: var(--BackgroundAlt); }.bg-SurfaceWhite { background-color: var(--SurfaceWhite); }.bg-SurfaceSand { background-color: var(--SurfaceSand); }.border-BorderSoft { border-color: var(--BorderSoft); }.border-Divider { border-color: var(--Divider); }.bg-Divider { background-color: var(--Divider); }.text-TextPrimary { color: var(--TextPrimary); }.text-TextSecondary { color: var(--TextSecondary); }.text-TextSoft { color: var(--TextSoft); }.text-TextInverse { color: var(--TextInverse); }