/* generated by build.mjs — edit themes/themes.mjs instead */
:root {
  --bg: #170509;
  --bg-gradient: repeating-linear-gradient(105deg, rgba(255,138,0,0.07) 0 46px, rgba(255,255,255,0.03) 46px 92px), radial-gradient(80% 60% at 50% 0%, rgba(255,138,0,0.22), transparent 60%);
  --surface: rgba(40,10,16,0.82);
  --ink: #fdeede;
  --ink-dim: #c1968a;
  --accent: #ff8a00;
  --accent-2: #ffd966;
  --on-accent: #25060b;
  --line: rgba(255,217,102,0.24);
  --sign-ink: #ffd966;
  --sign-shadow: 0 0 40px rgba(255,138,0,0.6);
  --card-radius: 10px;
  --grain-opacity: 0.06;
  --font-display: "Yatra One", Georgia, serif;
  --font-body: "Inter", 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");
}
      .lights{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;
        padding:0 2vw}
      .lights i{width:12px;height:12px;border-radius:50%;background:#ff8a00;margin-top:5vh;
        box-shadow:0 0 24px 6px rgba(255,138,0,.55);animation:blink 3.2s ease-in-out infinite;
        animation-delay:var(--d);position:relative}
      .lights i::before{content:"";position:absolute;left:6px;top:-5vh;width:1px;height:5vh;
        background:linear-gradient(180deg,transparent,#ffd96655)}
      @keyframes blink{0%,100%{opacity:1}50%{opacity:.28}}
      .dhol{position:absolute;left:50%;bottom:-6vh;transform:translateX(-50%);
        width:min(340px,60vw);opacity:.22}