/* Fukuoka: Hakata. The 献上柄 stripes of Hakata-ori for texture and the top band, mentaiko
   red and indigo for colour, a punchy rounded face for the title. Layout is shared; only
   tokens and a few signs change. */
:root[data-city="fukuoka"] {
  --ground: #f7f2ea;
  --surface: #fffcf6;
  --ink: #22295a;
  --ink-soft: #565b78;
  --rule: #d4cdbf;
  --stamp: #d23a4c;
  --signal: #f2b705;
  --ticket: #f3e3e3;
  --font-display: "RocknRoll One", "Dela Gothic One", "BIZ UDPGothic", sans-serif;

  /* 献上柄 in miniature: a thick bar, two thin ones */
  --tone-color: rgb(34 41 90 / 0.1);
  --tone: repeating-linear-gradient(90deg, var(--tone-color) 0 4px, transparent 4px 7px, var(--tone-color) 7px 8px, transparent 8px 10px, var(--tone-color) 10px 11px, transparent 11px 18px);
}

:root[data-city="fukuoka"] .title::before {
  transform: translate(0.06em, 0.08em);
  background: var(--stamp);
  -webkit-background-clip: text;
  background-clip: text;
}

/* The top rule as a 五色献上 band: purple, blue, red, yellow, navy. */
:root[data-city="fukuoka"] .masthead { border-top: 0; padding-top: 22px; }
:root[data-city="fukuoka"] .masthead::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 8px;
  background: linear-gradient(90deg, #6c3c8c 0 20%, #2f6db5 20% 40%, #d23a4c 40% 60%, #f2b705 60% 80%, #22295a 80%);
}

:root[data-city="fukuoka"] .edition-code { border-color: var(--stamp); }
:root[data-city="fukuoka"] .cities a[aria-current] { background: var(--stamp); border-color: var(--stamp); }
:root[data-city="fukuoka"] .btn-ink:hover { background: #333c7a; }