/* =========================================================
   ここだけ触ればOK（サイト別テーマ）
  :root の値を変えるだけで色替え
   ========================================================= */
:root{
  /* ===== 基本カラー ===== */
  --bg: #0f1115;
  --surface: #151923;
  --text: #e7eaf0;
  --muted: #a4adbd;
  --line: #252a36;

  /* ===== ブランド ===== */
  --brand: #7aa2ff;
  --brand-2: #6ee7d2;

  /* ===== Header / Nav ===== */
  --header-bg: #000;
  --nav-band-bg: linear-gradient(180deg, #3f4248, #24272c 60%, #15171a);
  --nav-tab-border: rgba(255,255,255,.14);
  --nav-en-color: #d0d4dc;
  --nav-jp-color: #e3e3e7;

  /* ===== Header info（TELなど） ===== */
  --hi-accent: #e7c884;
  --hi-muted:  #b7bfcd;

  /* ===== Footer ===== */
  --footer-bg: #111;
  --footer-tel: var(--hi-accent);
  --footer-copy: rgba(231,234,240,.85);

  /* ===== Card ===== */
  --card-bg: color-mix(in oklab, var(--surface) 78%, transparent);
  --card-border: color-mix(in oklab, var(--text) 10%, transparent);
  --card-row: color-mix(in oklab, var(--text) 8%, transparent);

  /* ===== 背景の光（演出） ===== */
  --bg-glow: rgba(122,162,255,.12);

  /* ===== パネル（SPメニューなど） ===== */
  --panel-0: #000;
  --panel-1: #111;
  --panel-2: #222;
  --panel-3: #2b2f38;
  --panel-4: #3a3f4a;
  --panel-ink: #e7eaf0;

  /* ===== News ===== */
  --news-line: #555;
  --news-date: #6b7280;
  --news-title: #ccc;
  --news-hover: rgba(0,0,0,.03);
  --news-topline: rgba(0,0,0,.14);

  /* ===== Coupon / Ticket ===== */
  --ticket-line: #555;
  --ticket-badge: #f33;
  --ticket-accent: #960;

  /* ===== Event ===== */
  --event-card-line: #333;
}















/* =========================================================
   ↓↓↓↓ここは基本触らない（保険上書き）↓↓↓↓
   - core.css に直書きが残ってる箇所が「変数だけでは変わらない」時の救済
   ========================================================= */

/* 背景（core側が直書きでも統一） */
body{
  background:
    radial-gradient(1200px 800px at 70% -10%, var(--bg-glow), transparent 55%),
    var(--bg);
}

/* header/footer 背景（coreが直書きでも上書き優先） */
.site-header{ background: var(--header-bg); }
.site-footer{ background: var(--footer-bg); }

/* footer tel / copy */
.footer__tel{ color: var(--footer-tel); }
.footer__tel a{ color: var(--footer-tel); }
.footer__copy{ color: var(--footer-copy); }

/* SP nav / hamburger */
@media (max-width:1049px){
  .hamburger{
    border-color: var(--panel-4) !important;
    background: var(--panel-3) !important;
  }
  .hamburger span,
  .hamburger span::before,
  .hamburger span::after{
    background: var(--panel-ink) !important;
  }

  .nav{
    background: var(--panel-0) !important;
    border-left-color: var(--panel-2) !important;
  }
  .nav .nav__link,
  .nav a{
    background: var(--panel-1) !important;
    border-top-color: var(--panel-2) !important;
    color: var(--news-title) !important;
  }
  .nav .nav__link::before,
  .nav a::before,
  .nav .nav__link::after,
  .nav a::after{
    color: var(--news-title) !important;
  }
}

/* News */
.news-list{ border-top-color: var(--news-line) !important; }
.news-row{ border-bottom-color: var(--news-line) !important; }
.news-row:hover{ background: var(--news-hover) !important; }
.news-row .date{ color: var(--news-date) !important; }
.news-row > a,
.news-row > span:not(.date):not(.more){ color: var(--news-title) !important; }
.card .news-list .news-row:first-child{ border-top-color: var(--news-topline) !important; }

/* Coupon / Event */
.ticket{ border-color: var(--ticket-line) !important; }
.ticket__corner{ background-color: var(--ticket-badge) !important; }
.ticket__section-title{ color: var(--ticket-accent) !important; }
.sd-events .sd-card{ border-color: var(--event-card-line) !important; }

/* Gallery */
.mloop__item{ background: var(--panel-0) !important; }