/* Annual Dial skin — Halloween / Hallow (scoped; annual-dial-theme) */
html[data-theme="hallow"]{
  --page-1:#2B1508; --page-2:#150A05; --page-3:#080403;
  --plate-0:#241205; --plate-1:#160B04; --plate-2:#0C0603;
  --rim:rgba(255,140,26,.42);
  --hair:rgba(255,140,26,.26);
  --sector:rgba(122,224,60,.20);
  --cell-wd:rgba(255,140,26,.20);
  --cell-we:rgba(122,224,60,.24);
  --cell-ev:#F5D547;
  --cell-now:#FFEFC2;
  --accent:#FF8C1A; --accent-lit:#7AE03C; --second:#FF5CA8;
  --text:#FFEAD1; --text-dim:rgba(255,234,209,.38);
  --hub:#0C0603; --on-accent:#201004;
  --panel:rgba(22,11,4,.60); --field:rgba(255,140,26,.07);
  --display:"Rye",Georgia,serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --sans:"IBM Plex Sans",system-ui,sans-serif;
  --title-track:.04em; --ui-track:.16em; --grain:0;
  --glow:0 0 12px rgba(255,140,26,.5);
  --aura:
    radial-gradient(58% 46% at 50% 96%, rgba(255,140,26,.24), transparent 64%),
    radial-gradient(46% 40% at 10% 6%, rgba(150,80,255,.18), transparent 62%),
    radial-gradient(42% 38% at 92% 30%, rgba(122,224,60,.14), transparent 62%);
}
@keyframes flicker{
  0%,100%{opacity:1} 8%{opacity:.62} 12%{opacity:.95}
  43%{opacity:.7} 47%{opacity:1} 78%{opacity:.8}
}
html[data-theme="hallow"] .now{animation:flicker 4.2s linear infinite}