:root { --gray50: #ffffff; --gray75: #fafafa; --gray100: #f5f5f5; --gray200: #eaeaea; --gray300: #e1e1e1; --gray400: #cacaca; --gray500: #b3b3b3; --gray600: #8e8e8e; --gray6700: #6e6e6e; --gray800: #4b4b4b; --gray900: #2c2c2c; --primary400: #2680eb; --primary500: #1473e6; --primary600: #0d66d0; --primary700: #095aba; --font-size-xlarge: 36px; --font-size-large: 24px; --font-size-normal: 16px; --font-size-small: 14px; --font-size-xsmall: 12px; --grid-size-small: 576px; --grid-size-medium: 768px; --grid-size-large: 992px; --grid-size-xlarge: 1140px; }