* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Segoe UI", "Helvetica Neue", "Georgia", "Palatino Linotype",
    Arial, sans-serif;
}

:root {
  --primary-color: #fefefe; /* edles Weiß */
  --secondary-color: #e6ebf2; /* helles, freundliches Blau-Grau */
  --accent-color: #4190d1; /* kräftiges, elegantes Königsblau */
  --light-bg: hsla(220, 60%, 95%, 0.8); /* zarter Blaustich im Hintergrund */
  --text-color: #2c3e50; /* dunkles, klares Anthrazit-Blau */

  --transition: all 0.1s ease;

  --gradient-primary: linear-gradient(135deg, #ffffff 0%, #e6ebf2 100%);
  --gradient-accent: linear-gradient(135deg, #a0c4ff 0%, #3366cc 100%);

  --shadow-light: 0 8px 32px rgba(44, 62, 80, 0.08);
  --shadow-medium: 0 16px 64px rgba(44, 62, 80, 0.12);
  --shadow-hover: 0 20px 80px rgba(44, 62, 80, 0.2);
}