:root {

  /* COLORS */

  --color-primary: #EF790D;
  --color-primary-light: #FAA61A;
  --color-dark: #242928;
  --color-gray: #D9D9D9;
  --color-white: #FFFFFF;


  /* TYPOGRAPHY */

  --font-ui: 'Montserrat', sans-serif;
  --font-reading: Georgia, serif;


  /* FONT SIZE */

  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 17px;
  --text-md: 20px;
  --text-lg: 28px;
  --text-xl: 42px;


  /* SPACING */

  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 72px;


  /* CONTAINER */

  --container-width: 1120px;


  /* BREAKPOINTS */

  --mobile: 768px;
  --desktop: 1200px;
}