/* 01 Nachtgarten: night sky, gold calligraphy, poetry in the centre. */
:root {
  color-scheme: dark;
  --bg: #070B17;
  --surface: #10182C;
  --ink: #EFE3C4;
  --muted: #B9A67C;
  --line: #27304A;
  --accent: #F3D58C;
  --accent-ink: #070B17;
  --accent-2: #F3D58C;
  --highlight: #D9B56A;
  --verse: #F3D58C;
  --header-bg: rgba(7, 11, 23, .85);
  --shadow: 0 0 60px rgba(243, 213, 140, .10);
  --font-display: "Cormorant Garamond", Georgia, serif;
}
body { background: radial-gradient(ellipse at 70% 0%, #1D2A4A 0%, #070B17 55%) fixed; }
.hero { grid-template-columns: 1fr; text-align: center; justify-items: center; }
.hero .lead { margin-inline: auto; }
.hero .ctas { justify-content: center; }
.hero h1 { font-size: clamp(42px, 6vw, 76px); font-weight: 600; }
.page-title { text-align: center; }
.page-title .lead { margin-inline: auto; }
.fal { max-width: 680px; width: 100%; background: rgba(16, 24, 44, .6); border-color: rgba(243, 213, 140, .3); }
.verse { font-size: clamp(22px, 3vw, 32px); text-shadow: 0 0 24px rgba(243, 213, 140, .35); border-color: rgba(243, 213, 140, .2); }
.btn { background: transparent; color: var(--accent); border-color: var(--accent); letter-spacing: .06em; }
.btn.accent { background: var(--accent); color: #070B17; }
.btn.ghost { color: var(--ink); border-color: var(--line); }
.eyebrow { color: var(--muted); }
.langs a[aria-current] { background: var(--accent); color: #070B17; }
.card, .panel { background: rgba(16, 24, 44, .7); }
.countdown strong { color: var(--accent); }