:root {
  --background-color: #fff;
  --white-color-200: #dcdcdc;

  --brand-primary: #981439;
  --brand-primary-600: #820e3a;
  --brand-primary-700: #6d0a39;

  --brand-secondary: #364967;

  --text-dark-primary: #1e1c2d;
  --text-dark-secondary: #76738f;

  --text-light-primary: #fff;
  --text-light-secondary: #c4c4c4;

  --border-primary: #f0f0f0;
}

html {
  font-family: "Inter", sans-serif;
  background-color: var(--background-color);
  color: var(--text-dark-primary);
  scroll-behavior: smooth;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.section {
  padding: 6.25rem 1rem;
}

.container {
  max-width: 1400px;
  margin: 0 auto;
}