:root{--base: 16px;--default-background: white;--light-text-low: hsl(0, 0%, 45%);--light-text-mid: hsl(0, 0%, 60%);--light-text-high: hsl(0, 0%, 80%);--light-text-highest: hsl(0, 0%, 95%);--dark-text-low: hsl(0, 0%, 15%);--dark-text-mid: hsl(0, 0%, 25%);--dark-text-high: hsl(0, 0%, 35%);--max-desktop-width: 1600px;--desktop-width: 1600px;--tablet-width: 810px;--phone-width: 390px;--font-xs: 16px;--font-sm: 24px;--font-md: 32px;--font-lg: 48px;--font-xl: 56px;--font-2xl: 68px}