:root {
  /* Random colors: #16A085, #2980B9, #ECF0F1, #000000 */
  --primary-color: #16A085;
  --secondary-color: #2980B9;
  --accent-color: #000000;
  --light-color: #ECF0F1;
  --dark-color: #111111;
  --highlight-color: #F39C12; /* Orange highlight */
  --text-color: #2C3E50;
  --background-color: #F8F9FA;
  --border-color: #BDC3C7;
  
  --heading-font: 'Roboto Condensed', sans-serif;
  --main-font: 'Lato', sans-serif;
  
  --product-image-width: 320px;
  --site-container: 1300px;
}

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

a, button {
  outline: none;
}