:root {
  /* Farben */
  --color-bg: #FFFFFF;
  --color-text-primary: #1D1D1F;
  --color-text-secondary: #6E6E73;
  --color-accent: #FF3B30;
  --color-surface: #F5F5F7;
  --color-border: #D2D2D7;

  /* Typografie */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-base: 17px;
  --line-height-base: 1.6;
  --line-height-heading: 1.2;

  /* Spacing (8px-Basis) */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;
  --space-16: 128px;

  /* Border-Radius */
  --radius-card: 12px;
  --radius-button: 980px;
  --radius-input: 8px;
  --radius-badge: 4px;

  /* Animationen */
  --ease-default: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 100ms;
  --duration-normal: 200ms;
  --duration-slow: 400ms;
  --duration-hero: 800ms;
}