:root {
  --primary-color: #577BC1;
  --secondary-color: #FFEB00;
  --accent-color: #D01257;
  --light-color: #F2F2F2;
  --dark-color: #000000;
  --gradient-primary: linear-gradient(135deg, #577BC1 0%, #D01257 100%);
  --hover-color: #344CB7;
  --background-color: #FFFFFF;
  --text-color: #2C3D4F;
  --border-color: rgba(87, 123, 193, 0.3);
  --divider-color: rgba(0, 0, 0, 0.1);
  --shadow-color: rgba(0, 0, 0, 0.15);
  --highlight-color: #E67E22; /* Complementary */
  --font-heading: 'Oswald', sans-serif;
  --site-text: 'Roboto', sans-serif;
  --container-width: 1000px;
  --product-width: 320px;
}