:root {
  --mahogany: #321012;
  --mahogany-deep: #340A0D;
  --cream: #FFF1E6;
  --cream-light: #FFFAF5;
  --paper: #F8EDE0;
  --wood: #BA9778;
  --wood-dark: #8B6F52;
  --wood-soft: #d4b89d;
}

@font-face {
  font-family: 'FreightBig';
  src: url('../fonts/FreightBig/FreightBig-Light.woff2') format('woff2'),
       url('../fonts/FreightBig/FreightBig-Light.woff') format('woff'),
       url('../fonts/FreightBig/Freight-Big-Pro-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/Montserrat-VariableFont_wght.woff2') format('woff2'),
       url('../fonts/montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

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

html { scroll-behavior: smooth; overflow-x: hidden; }

body {
  background: var(--cream);
  color: var(--mahogany);
  font-family: 'Montserrat', sans-serif;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}