/* Neonhk — Hong Kong dessert-bar theme.
   Night-teal + lantern red + jade neon for HK dessert counters and
   Cantonese eateries: bubble tea, pudding, late-night noodles. A
   bamboo divider band and a neon-sign marquee. All self-hosted;
   nothing here moves without content. */

html[data-theme="neonhk"] {
  --brand: #e0453a;
  --brand-deep: #8f1f18;
  --brand-soft: #fdecea;
  --hero-bg: #0e2a2b;
  --hero-ink: #f2fbf7;
  --accent: #37e0b0;
  --lantern: #e0453a;
  --jade: #37e0b0;
  --night: #0e2a2b;
  --paper: #f6f3ea;
}

html[data-theme="neonhk"] .hero {
  background:
    radial-gradient(120% 90% at 50% 0%, rgb(55 224 176 / 0.14), transparent 60%),
    var(--hero-bg);
}

html[data-theme="neonhk"] .hero-title {
  text-shadow:
    0 0 18px rgb(55 224 176 / 0.45),
    0 2px 0 rgb(0 0 0 / 0.35);
}

/* --- bamboo divider ------------------------------------------------------- */
.bamboo-band {
  height: 16px;
  background:
    repeating-linear-gradient(90deg, var(--jade) 0 26px, transparent 26px 30px),
    linear-gradient(180deg, rgb(55 224 176 / 0.35), rgb(55 224 176 / 0.35)),
    var(--night);
  background-size:
    auto,
    100% 3px,
    auto;
  background-repeat: repeat-x;
  background-position:
    0 6px,
    0 50%,
    0 0;
  border-block: 1px solid rgb(55 224 176 / 0.5);
}

/* --- neon marquee ----------------------------------------------------------- */
.neon {
  overflow: hidden;
  background: var(--night);
  color: var(--jade);
  border-block: 1px solid var(--lantern);
  padding-block: 0.55rem;
}
.neon-track {
  display: flex;
  gap: 3rem;
  width: max-content;
  animation: neon-scroll 24s linear infinite;
  will-change: transform;
}
.neon-track span {
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.8rem;
  white-space: nowrap;
  text-shadow: 0 0 12px rgb(55 224 176 / 0.6);
}
@keyframes neon-scroll {
  to { transform: translateX(-50%); }
}

html[data-theme="neonhk"] .service {
  border-color: rgb(224 69 58 / 0.45);
  background: linear-gradient(180deg, rgb(224 69 58 / 0.08), transparent 150%);
}

html[data-theme="neonhk"] .site-footer {
  background: var(--night);
  color: var(--paper);
}

@media (prefers-reduced-motion: reduce) {
  .neon-track { animation: none; }
  html[data-theme="neonhk"] .hero-title { text-shadow: none; }
}