:root {
  --bg: #0b1220;
  --bg-2: #121c2e;
  --ink: #eef3f8;
  --muted: #9aadc0;
  --gold: #7eb0d4;
  --gold-soft: #b7d4e8;
  --line: rgba(238, 243, 248, 0.14);
  --ok: #8fbf9f;
  --btn-ink: #0b1220;
  --font-display: "Playfair Display", Georgia, serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --hero-image: url("https://images.unsplash.com/photo-1522673607200-164d1b6ce486?auto=format&fit=crop&w=1400&q=80");
  --hero-overlay: linear-gradient(180deg, rgba(11, 18, 32, 0.25), rgba(11, 18, 32, 0.78));
}

.hero-visual {
  border-radius: 0.35rem;
}