/* generated by build.mjs — edit themes/themes.mjs instead */
:root {
  --bg: #04120b;
  --bg-gradient: radial-gradient(70% 50% at 50% 0%, rgba(212,175,55,0.18), transparent 60%), radial-gradient(90% 70% at 50% 110%, rgba(30,122,82,0.24), transparent 70%);
  --surface: rgba(8,28,19,0.8);
  --ink: #f0ecdc;
  --ink-dim: #96ab9c;
  --accent: #d4af37;
  --accent-2: #3fbf87;
  --on-accent: #06170e;
  --line: rgba(212,175,55,0.26);
  --sign-ink: #d4af37;
  --sign-tracking: 0.18em;
  --sign-shadow: 0 0 34px rgba(212,175,55,0.45);
  --card-radius: 2px;
  --card-border: 1px solid rgba(212,175,55,0.3);
  --grain-opacity: 0.05;
  --font-display: "Amiri", Georgia, serif;
  --font-body: "Cormorant Garamond", system-ui, -apple-system, sans-serif;
  --grain-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
      .jali{position:absolute;inset:0;width:100%;height:100%;opacity:.5;
        mask-image:radial-gradient(60% 55% at 50% 45%,transparent 30%,#000 85%)}
      .chandelier{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;gap:22px}
      .chandelier i{width:7px;height:7px;border-radius:50%;background:#ffe9a8;margin-top:15vh;
        box-shadow:0 0 26px 8px rgba(212,175,55,.4);
        animation:glow 4s ease-in-out infinite;animation-delay:var(--d)}
      .chandelier i::before{content:"";position:absolute;top:-15vh;left:3px;width:1px;height:15vh;
        background:linear-gradient(180deg,transparent,#d4af3744)}
      @keyframes glow{0%,100%{opacity:.9}50%{opacity:.35}}
      .petals b{position:absolute;top:-6vh;left:var(--x);width:9px;height:6px;border-radius:60% 40%;
        background:#c0567a99;animation:drift 11s linear infinite;animation-delay:var(--d)}
      @keyframes drift{to{transform:translate(30px,116vh) rotate(220deg);opacity:0}}