:root {
  /* Farben */

  --color-background: #f7f5f2;
  --color-surface: #ffffff;

  --color-text: #1f1f1f;
  --color-text-light: #666666;

  --color-gold: #c8a15a;
  --color-gold-hover: #b18b45;

  --color-border: rgba(0, 0, 0, 0.08);

  /* Schrift */

  --font-primary: "Inter", sans-serif;

  /* Größen */

  --max-width: 1280px;

  /* Abstände */

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 8rem;

  /* Schatten */

  --shadow-soft: 0 15px 40px rgba(0, 0, 0, 0.06);

  /* Animation */

  --transition: 0.45s cubic-bezier(0.25, 0.1, 0.25, 1);
}