/* Sushibar — midnight omakase theme.
   Ink black + salmon + wasabi for sushi counters and noodle bars:
   omakase lines, hand rolls, late-night ramen. A norimaki divider
   band and a fresh-catch marquee. All self-hosted; nothing here
   moves without content. */

html[data-theme="sushibar"] {
  --brand: #e0704f;
  --brand-deep: #170f0e;
  --brand-soft: #f8e6dc;
  --hero-bg: #100c0c;
  --hero-ink: #f7efe8;
  --accent: #7fae5c;
  --salmon: #e0704f;
  --wasabi: #7fae5c;
  --rice: #f4ede1;
}

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

/* --- norimaki divider ----------------------------------------------------------- */
.maki-band {
  height: 20px;
  background:
    radial-gradient(circle at 11px 50%, var(--rice) 5px, var(--salmon) 5px 7px, transparent 8px),
    linear-gradient(180deg, #1e2b1a, #141d12);
  background-size:
    44px 100%,
    auto;
  border-block: 1px solid rgb(127 174 92 / 0.5);
}

/* --- catch marquee ---------------------------------------------------------------- */
.catches {
  overflow: hidden;
  background: var(--brand-deep);
  color: var(--rice);
  border-block: 1px solid var(--salmon);
  padding-block: 0.55rem;
}
.catches-track {
  display: flex;
  gap: 3rem;
  width: max-content;
  animation: catches-scroll 26s linear infinite;
  will-change: transform;
}
.catches-track span {
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.8rem;
  white-space: nowrap;
}
@keyframes catches-scroll {
  to { transform: translateX(-50%); }
}

html[data-theme="sushibar"] .service {
  border-color: rgb(224 112 79 / 0.4);
  background: linear-gradient(180deg, var(--brand-soft), transparent 140%);
}

html[data-theme="sushibar"] .site-footer {
  background: var(--brand-deep);
  color: var(--hero-ink);
}

@media (prefers-reduced-motion: reduce) {
  .catches-track { animation: none; }
}