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

/* Light mode (default) colors */
:root {
  --background-color: #ffffff;
  --text-color: #333333;

  --header-bg: hsl(28, 77%, 70%);
  --header-text: #884d01;
  --header-hover: #ffffff;

  --menu-item-bg: #ffffff;
  --menu-item-price: #e27b2e;

  --section-alt-bg: hsl(24, 76%, 92%);

  --footer-bg: #333333;
  --footer-text: #ffffff;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 60px;
}

body {
  font-family: "Nunito", Arial, sans-serif;
  line-height: 1.6;
  background-color: var(--background-color);
  color: var(--text-color);
  transition: background-color 0.3s, color 0.3s;
}