:root {
  /* Hintergründe – warmes Schwarzbraun wie im Logo */
  --color-bg: #0D0A08;
  --color-surface: #16110D;
  --color-surface-2: #211A14;
  /* helle Sektionen – Rosen-Creme */
  --color-light: #F6F0E6;
  --color-light-2: #ECE2D2;
  --color-rose: #F3EBDD;
  /* Gold aus Schriftzug, Kreuz und Feder */
  --color-gold: #D2A66A;
  --color-gold-light: #F1D4A2;
  --color-gold-dark: #8E6A3A;
  --color-gold-ink: #6E4F25; /* lesbares Gold für kleine Schrift auf Creme (Kontrast ≥ 6:1) */
  --gradient-gold: linear-gradient(120deg, #8E6A3A 0%, #D2A66A 35%, #F1D4A2 50%, #D2A66A 65%, #8E6A3A 100%);
  --gradient-gold-ink: linear-gradient(120deg, #6E4F25 0%, #94702F 35%, #B58A45 50%, #94702F 65%, #6E4F25 100%);
  --spotlight: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(241, 212, 162, .18) 0%, transparent 70%);
  /* Text */
  --color-text: #F2E8D8;
  --color-text-muted: #B3A58F;
  --color-text-dark: #211A14;
  --color-text-dark-muted: #5B4E40;
  --color-whatsapp: #25D366;
  /* Glass */
  --glass-bg: rgba(255, 240, 215, .05);
  --glass-border: rgba(210, 166, 106, .28);
  --glass-blur: 14px;
  /* Formen und Schatten */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --shadow-soft: 0 10px 40px rgba(0, 0, 0, .45);
  --shadow-gold: 0 0 0 1px var(--glass-border), 0 12px 40px rgba(210, 166, 106, .15);
  --glow-gold: 0 0 24px rgba(241, 212, 162, .35);
  /* Typografie */
  --font-script: "Great Vibes", cursive;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tracking-caps: .32em;
  --fs-hero: clamp(2.8rem, 7vw, 5.5rem);
  --fs-h2: clamp(1.9rem, 3.5vw, 3rem);
  --fs-body: clamp(1rem, 1.1vw, 1.125rem);
  /* Layout und Bewegung */
  --space-section: clamp(4rem, 10vw, 8rem);
  --container: 1200px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --dur: 600ms;
}