:root {
  --primary-50: #e8ddc9;
  --primary-100: #efcf92;
  --primary-200: #d1a55e;
  --primary-300: #b98739;
  --primary-400: #916a2d;
  --surface-50: #ffffff;
  --surface-100: #f7f9fd;
  --surface-200: #ecedee;
  --surface-300: #cbcfd2;
  --surface-400: #a7aeb4;
  --surface-500: #8e979f;
  --surface-600: #6b767f;
  --surface-700: #4f575e;
  --surface-800: #33383d;
  --surface-900: #202327;
  --dark-50: #121212;
  --dark-100: #161616;
  --dark-200: #1a1a1a;
  --dark-300: #1c1c1c;
  --dark-400: #1e1e1e;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
}

body {
  background-color: var(--surface-50);
  color: var(--dark-400);
  padding-top: 60px;
}

a {
  text-decoration: none;
  color: inherit;
}