:root {
  /* Random colors: #C0392B, #5F6F52, #F2F2F2, #0F1021 */
  --primary-color: #C0392B;
  --secondary-color: #5F6F52;
  --light-color: #F2F2F2;
  --dark-color: #0F1021;
  --highlight-color: #FFC145; /* Yellow complement */
  --text-color: #333333;
  --background-color: #FFFFFF;
  --border-color: #E2E8F0;
  
  --heading-font: 'Montserrat', sans-serif;
  --main-font: 'Poppins', sans-serif;
  
  --product-image-width: 380px;
  --site-container: 1100px;
}

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

a, button {
  outline: none;
}