/* generated by build.mjs — edit themes/themes.mjs instead */
:root {
  --bg: #141003;
  --bg-gradient: radial-gradient(70% 50% at 15% 100%, rgba(255,201,60,0.16), transparent 60%), radial-gradient(60% 40% at 85% 10%, rgba(124,179,66,0.14), transparent 60%);
  --surface: rgba(34,28,10,0.8);
  --ink: #fdf7df;
  --ink-dim: #ab9f74;
  --accent: #ffc93c;
  --accent-2: #7cb342;
  --on-accent: #201802;
  --line: rgba(255,201,60,0.24);
  --sign-ink: #ffc93c;
  --sign-tracking: 0.08em;
  --sign-shadow: 0 0 30px rgba(255,201,60,0.4);
  --card-radius: 14px;
  --grain-opacity: 0.06;
  --font-display: "Baloo Bhai 2", Georgia, serif;
  --font-body: "Rubik", 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");
}
      .field{position:absolute;left:0;right:0;bottom:0;width:100%;height:18vh}
      .dhol{position:absolute;left:50%;bottom:2vh;transform:translateX(-50%);width:min(300px,48vw);opacity:.3}
      .pollen b{position:absolute;bottom:-4vh;left:var(--x);width:5px;height:5px;border-radius:50%;background:#ffc93c66;animation:pollen 12s linear infinite;animation-delay:var(--d)}
      @keyframes pollen{to{transform:translate(-14px,-114vh);opacity:0}}