:root {
  --primary-color: #3498db;
  --secondary-color: #2c3e50;
  --light-color: #ecf0f1;
  --medium-light-color: #adb0b1;
  --dark-color: #2c3e50;
  --success-color: #2ecc71;
  --highlight-color: #e74c3c;
  --font-size-base: clamp(0.95rem, 1.5vw, 1.1rem);
  --font-size-lg: clamp(1.2rem, 2vw, 1.5rem);
  --font-size-xl: clamp(1.6rem, 3vw, 2.2rem);
  --space-1: clamp(0.5rem, 1vw, 0.75rem);
  --space-2: clamp(0.75rem, 1.5vw, 1rem);
  --space-3: clamp(1rem, 2vw, 1.5rem);
  --space-4: clamp(1.25rem, 3vw, 2rem);
  --space-5: clamp(1.5rem, 4vw, 3rem);
  --height-header: clamp(20vh, 22vh, 25vh);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

html {
  font-size: 100%;
}