/* 本番用ダークテーマ */
html.theme-dark {
  color-scheme: dark;
  --bg: #0d0f10;
  --bg-soft: #17191a;
  --surface: #202325;
  --text: #f5f0ea;
  --muted: #c7bdb4;
  --accent: #e1ad86;
  --accent-text: #e1ad86;
  --accent-hover: #efc39f;
  --line: rgba(255, 255, 255, .16);
}

html.theme-dark body,
html.theme-dark .section,
html.theme-dark .section-alt,
html.theme-dark .guide-section,
html.theme-dark .home-guide,
html.theme-dark .home-access-section,
html.theme-dark .home-about {
  color: var(--text);
  background: var(--bg);
}

html.theme-dark .site-header,
html.theme-dark .inner-page .site-header,
html.theme-dark .global-nav,
html.theme-dark .site-footer {
  background-color: #0a0b0c;
}

html.theme-dark .page-intro,
html.theme-dark .about-copy > p:not(.lead-copy),
html.theme-dark .guide-intro,
html.theme-dark .steps p,
html.theme-dark .faq-list details p,
html.theme-dark .access-lead,
html.theme-dark .directions-heading > p:last-child,
html.theme-dark .home-section-intro,
html.theme-dark .home-about-copy > p:not(.lead-copy),
html.theme-dark .home-gallery-hint {
  color: var(--muted);
}

html.theme-dark .menu-card,
html.theme-dark .menu-card-featured,
html.theme-dark .menu-category-signature,
html.theme-dark .shisha-special-card,
html.theme-dark .minimum-price,
html.theme-dark .minimum-price dl div,
html.theme-dark .payment-methods,
html.theme-dark .access-details,
html.theme-dark .direction-list li,
html.theme-dark .access-entrance-photo,
html.theme-dark .review-callout,
html.theme-dark .home-access-card,
html.theme-dark .home-price-card,
html.theme-dark .comfort-list li,
html.theme-dark .feature-list > div,
html.theme-dark .recruit-highlights li {
  border-color: var(--line);
  color: var(--text);
  background: var(--surface);
  box-shadow: none;
}

html.theme-dark .home-about .lead-copy,
html.theme-dark .home-about h2,
html.theme-dark .home-gallery-header h3,
html.theme-dark .home-access-section h2,
html.theme-dark .home-access-section .home-section-intro,
html.theme-dark .home-access-card,
html.theme-dark .home-access-card dd,
html.theme-dark .guide-section,
html.theme-dark .guide-section h2,
html.theme-dark .guide-section h3 {
  color: var(--text);
}

html.theme-dark .menu-card-featured {
  background: linear-gradient(145deg, #242729, #191b1c);
}

html.theme-dark .price-row .charge-price-late {
  border-color: rgba(225, 173, 134, .34);
  background: rgba(225, 173, 134, .12);
}

html.theme-dark .price-row .charge-price-late small,
html.theme-dark .price-row .charge-price-late b,
html.theme-dark .minimum-price dd,
html.theme-dark .feature-highlight,
html.theme-dark .feature-number,
html.theme-dark .card-kicker,
html.theme-dark .menu-card h3 small,
html.theme-dark .menu-description strong,
html.theme-dark .menu-category li small,
html.theme-dark .special-card-label,
html.theme-dark .access-details dt,
html.theme-dark .home-access-card dt,
html.theme-dark .home-access-card .detail-link,
html.theme-dark .detail-link,
html.theme-dark .section-label,
html.theme-dark .steps > li > span {
  color: var(--accent);
}

html.theme-dark .price-row .charge-price-late b {
  font-weight: 700;
}

html.theme-dark .steps,
html.theme-dark .steps li {
  border-color: var(--line);
}

html.theme-dark .map-button,
html.theme-dark .button-primary,
html.theme-dark .direction-list li::before {
  color: #171819;
  background: var(--accent);
}

html.theme-dark .home-price-section,
html.theme-dark .reservation-section::before {
  background-color: #090a0b;
}

html.theme-dark .footer-inner > div > p,
html.theme-dark .footer-inner nav,
html.theme-dark .copyright {
  color: var(--muted);
}

/* PCではスクロール後もヘッダーの透過感を保つ */
@media (min-width: 1040px) {
  html.theme-dark .home-page .site-header,
  html.theme-dark .home-page .site-header.is-scrolled {
    background: rgba(10, 11, 12, .78);
  }

  html.theme-dark .home-page .global-nav {
    background: transparent;
  }
}