/* Reset and Base Styles */
*, *::before, *::after { 
  box-sizing: border-box; 
  margin: 0; 
  padding: 0; 
}

html { 
  scroll-behavior: smooth; 
}

body {
  font-family: var(--ff-body);
  background: var(--cream);
  color: var(--charcoal);
  min-height: 100vh;
  overflow-x: hidden;
}

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

button { 
  cursor: pointer; 
  border: none; 
  background: none; 
  font: inherit; 
}

img { 
  max-width: 100%; 
  display: block; 
}