:root { font-family-main: sans-serif; font-family-alt: sans-serif; font-size-base: 16px; color-main: red; color-alt: green; color-greyscale-light: #f7f7f7; color-greyscale-mid: #444; color-greyscale-dark: #999; color-white: #fff; color-black: #000; bg-color-main: var(--color-main); bg-color-alt: var(--color-alt); bg-color-greyscale-light: var(--color-greyscale-light); bg-color-greyscale-mid: var(--color-greyscale-mid); bg-color-greyscale-dark: var(--color-greyscale-dark); bg-color-white: var(--color-white); bg-color-black: var(--color-black); border-size-lg: 3px; border-size-md: 2px; border-size-sm: 1px; border-radius-lg: 10px; border-radius-md: 5px; border-radius-sm: 3px; box-shadow-main: 0 0 5px .5px rgba(var(--color-black), 0.2); box-shadow-alt: 0 0 10px .5px rgba(var(--color-black), 0.1); section-padding-lg: 4rem; section-padding-md: 2rem; section-padding-sm: 1rem; gap-lg: 3rem; gap-md: 2rem; gap-sm: 1rem; }