:root {
  /* Colors */
  --primary-color: #7a461f;
  --secondary-color: #506423;
  --text-color: #333333;
  --background-color: #fafafa;
  --white: #ffffff;
  --light-gray: #f0f0f0;

  /* Spacing */
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 32px;
  --spacing-xl: 64px;

  /* Fonts */
  --font-family-base: "Geoform", sans-serif;
  --font-family-heading: "Geoform ExtraBold", sans-serif;

  /* Container */
  --container-width: 1200px;
}

@font-face {
  font-family: "Geoform";
  src: url("../assets/fonts/Geoform.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Geoform ExtraBold";
  src: url("../assets/fonts/Geoform-ExtraBold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}