/* Crumbgold — corner-bakery theme.
   Warm crust gold + cream + espresso for neighborhood bakeries:
   Italian pastry counters, Chinese bun houses, wholesale bread
   factories. A wheat-sheaf divider band and a sesame marquee.
   All self-hosted; nothing here moves without content. */

html[data-theme="crumbgold"] {
  --brand: #b97a2a;
  --brand-deep: #7c4d16;
  --brand-soft: #faf0dd;
  --hero-bg: #2b1a0e;
  --hero-ink: #fdf6ea;
  --accent: #e3b264;
  --crust: #b97a2a;
  --cream: #faf3e7;
  --espresso: #3a2417;
}

html[data-theme="crumbgold"] .hero {
  background:
    radial-gradient(120% 90% at 50% 0%, rgb(227 178 100 / 0.16), transparent 60%),
    var(--hero-bg);
}

/* --- wheat divider ------------------------------------------------------ */
.wheat-band {
  height: 18px;
  background:
    repeating-linear-gradient(90deg, var(--accent) 0 3px, transparent 3px 16px),
    repeating-linear-gradient(90deg, rgb(185 122 42 / 0.55) 0 2px, transparent 2px 10px),
    var(--cream);
  background-position:
    0 3px,
    5px 11px,
    0 0;
  border-block: 1px solid rgb(185 122 42 / 0.45);
}

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

/* --- warmed service cards -------------------------------------------------- */
html[data-theme="crumbgold"] .service {
  border-color: rgb(185 122 42 / 0.4);
  background: linear-gradient(180deg, var(--brand-soft), transparent 140%);
}

html[data-theme="crumbgold"] .site-footer {
  background: var(--espresso);
  color: var(--cream);
}

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