/* ============================================================
   KiraMero Font Override
   日本語: M PLUS Rounded 1c / 英字: Outfit / アクセント: Unbounded
   （Outfitを先に置くことで英数字はOutfit、日本語はM PLUS Rounded 1cで描画されます）
   ============================================================ */

:root {
  --font-jp: "M PLUS Rounded 1c", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  --font-en: "Outfit", sans-serif;
  --font-accent: "Unbounded", "Outfit", "M PLUS Rounded 1c", sans-serif;
  --font-base: "Outfit", "M PLUS Rounded 1c", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
}

body,
button,
input,
select,
textarea {
  font-family: var(--font-base) !important;
}

/* ---- Unbounded：特典名・料金・短いアクセント ---- */

/* 料金（500,000 G など） */
.menu-card strong,
/* メニューカードの英字ラベル（TICKET / OPENING …）とコード（KM/01） */
.menu-top span,
/* 特典名（BACKSTAGE PASS など）・来店回数・ステータス */
.milestone-card h3,
.milestone-count,
.milestone-status,
/* 短いアクセント */
.recommended,
.section-status,
.section-number,
.hero-meta span,
.nav-cta,
.recruit-status,
.member-code,
.reserve-code {
  font-family: var(--font-accent) !important;
  letter-spacing: 0.02em;
}

/* Unboundedは字幅が広いため、料金表示だけ僅かに調整 */
.menu-card strong {
  font-weight: 600;
  letter-spacing: 0;
  font-size: 0.95em;
}

.milestone-card h3 {
  font-weight: 500;
}

/* smooth in-page scrolling */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }