@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --font-family-principal: 'Montserrat', sans-serif;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;

  --typography-title:
    var(--font-weight-semibold) 2.5rem/1.2 var(--font-family-principal);

  --typography-subtitle:
    var(--font-weight-medium) 1.25rem/1.3 var(--font-family-principal);

  --typography-body:
    var(--font-weight-regular) 1rem/1.6 var(--font-family-principal);

  --typography-caption:
    var(--font-weight-regular) 0.875rem/1.5 var(--font-family-principal);
}

:root {
  --color-primary-black: #000000;
  --color-primary-white: #FFFFFF;
  --color-primary-light-gray: #C2A84D;
  --color-primary-green-gray: #79B576;
  --color-primary-blue: #5C8BDA;

  --color-secondary-lightest-gray: #F8F6F1;
  --color-secondary-light-beige: #EBEBE4;
  --color-secondary-orange-top: #EBB668;
  --color-secondary-orange-dark: #9E8668;
  --color-secondary-orange-bottom: #F4D4A7;
  --color-secondary-khaki-top: #ADA980;
  --color-secondary-khaki-bottom: #CECAB1;
  --color-secondary-blue-top: #90A9CA;
  --color-secondary-blue-bottom: #C0CBED;
  --color-secondary-dark-brown-top: #796B58;
  --color-secondary-dark-brown-bottom: #A89C8F;
  --color-secondary-dark-gray-top: #777B6C;
  --color-secondary-dark-gray-bottom: #A8A89D;
  --color-secondary-purple-top: #92829F;
  --color-secondary-purple-bottom: #B8B2C5;
  --color-secondary-red-brown-top: #B8736E;
  --color-secondary-red-brown-bottom: #D2A8A3;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: var(--font-family-principal);
}