/**
 * Gantomo サイトテーマ — 静的 / 掲示板ヘッダ / 認証
 */
html.gantomo-warm {
  --g-bg: #fffaf5;
  --g-bg-soft: #fff3e8;
  --g-accent: #e8882e;
  --g-accent-hover: #c45c2a;
  --g-accent-soft: #ffe8d6;
  --g-accent-glow: rgba(232, 136, 46, 0.2);
  --g-warm: #d2783c;
  --g-warm-soft: #fff3e8;
  --g-orange: #f39800;
  --g-orange-dark: #d2783c;
  --g-cream: #fff8f0;
  --g-ink: #4a3f35;
}

html.gantomo-warm body {
  background: var(--g-bg);
  color: var(--g-ink, #4a3f35);
}

/* --- サイトヘッダー --- */
html.gantomo-warm .site-header,
html.gantomo-warm .gantomo-site-header {
  background: rgba(255, 250, 245, 0.97);
  border-bottom: 2px solid rgba(211, 120, 60, 0.15);
}

html.gantomo-warm .logo-mark {
  background: linear-gradient(145deg, #ffb347 0%, #e8882e 50%, #d2783c 100%) !important;
  box-shadow: 0 2px 10px rgba(211, 120, 60, 0.35) !important;
}

html.gantomo-warm .logo-text {
  color: #8a4a22;
}

/* --- 横断ナビ（オレンジバー） --- */
html.gantomo-warm .gantomo-crossnav {
  background: linear-gradient(180deg, #ffc870 0%, #f39800 55%, #e8882e 100%);
  border-bottom: 2px solid #c46a28;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

html.gantomo-warm .gantomo-crossnav a {
  color: #5c3a18;
  font-weight: 700;
}

html.gantomo-warm .gantomo-crossnav a:hover {
  background: rgba(255, 255, 255, 0.55);
  color: #8a4a22;
  border-color: rgba(255, 255, 255, 0.6);
}

html.gantomo-warm .gantomo-crossnav a.is-active {
  background: #fff;
  color: #c45c2a !important;
  border-color: #fff;
  box-shadow: 0 3px 10px rgba(140, 70, 20, 0.2);
}

html.gantomo-warm .gantomo-crossnav a[data-gnav="top"]:hover,
html.gantomo-warm .gantomo-crossnav a[data-gnav="mypage"]:hover,
html.gantomo-warm .gantomo-crossnav a[data-gnav="forum"]:hover,
html.gantomo-warm .gantomo-crossnav a[data-gnav="chat"]:hover,
html.gantomo-warm .gantomo-crossnav a[data-gnav="lemmy"]:hover {
  background: rgba(255, 255, 255, 0.55);
  color: #8a4a22;
}

html.gantomo-warm .gantomo-crossnav a.gantomo-nav-login {
  background: linear-gradient(145deg, #fff 0%, #fff3e8 100%) !important;
  color: #c45c2a !important;
  border: 2px solid rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 2px 8px rgba(100, 50, 10, 0.15);
}

html.gantomo-warm .gantomo-crossnav a.gantomo-nav-user,
html.gantomo-warm .gantomo-crossnav span.gantomo-nav-user {
  background: rgba(255, 255, 255, 0.75) !important;
  color: #8a4a22 !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
}

html.gantomo-warm .gantomo-crossnav .sep {
  color: rgba(92, 58, 24, 0.45);
}

/* --- ボタン --- */
html.gantomo-warm .btn-primary,
html.gantomo-warm .mypage-gate-btn--primary,
html.gantomo-warm .nav-cta {
  background: linear-gradient(145deg, #ffb347 0%, #e8882e 50%, #d2783c 100%) !important;
  border-color: #d2783c !important;
  color: #fff !important;
}

html.gantomo-warm .btn-primary:hover,
html.gantomo-warm .mypage-gate-btn--primary:hover {
  background: linear-gradient(145deg, #f3a030 0%, #d2783c 100%) !important;
  filter: none;
}

html.gantomo-warm .btn-secondary {
  color: #c45c2a !important;
  border-color: rgba(211, 120, 60, 0.4) !important;
}

html.gantomo-warm .btn-secondary:hover {
  background: var(--g-accent-soft) !important;
}

/* --- LP ゲスト / メンバーバー --- */
html.gantomo-warm .gantomo-lp-guest {
  background: linear-gradient(180deg, #fff3e8 0%, #fffaf5 100%);
}

html.gantomo-warm .gantomo-lp-member {
  background: linear-gradient(180deg, #ffe8d6 0%, #fffaf5 100%);
}

html.gantomo-warm .gantomo-lp-guest-text,
html.gantomo-warm .gantomo-lp-member-text strong {
  color: var(--g-ink);
}

html.gantomo-warm .gantomo-release-banner {
  background: linear-gradient(90deg, #ffe8d6 0%, #fff3e8 100%);
}

html.gantomo-warm .gantomo-release-banner-title {
  color: #c45c2a;
}

html.gantomo-warm .gantomo-toast--success,
html.gantomo-warm .gantomo-toast--welcome {
  background: linear-gradient(145deg, #ffb347 0%, #d2783c 100%);
}

html.gantomo-warm .gantomo-daily-message {
  background: rgba(255, 152, 60, 0.12);
  border-color: rgba(211, 120, 60, 0.25);
  color: #8a4a22;
}

html.gantomo-warm .gantomo-scroll-top {
  background: linear-gradient(145deg, #ffb347 0%, #d2783c 100%);
  box-shadow: 0 6px 20px rgba(211, 120, 60, 0.35);
}

html.gantomo-warm .gantomo-continue-link {
  background: rgba(255, 152, 60, 0.15);
  color: #c45c2a;
}

/* --- LP 変数（index） --- */
html.gantomo-warm {
  --bg: #fffaf5;
  --bg-soft: #fff3e8;
  --accent: #e8882e;
  --accent-hover: #c45c2a;
  --accent-soft: #ffe8d6;
  --accent-glow: rgba(232, 136, 46, 0.18);
}

html.gantomo-warm .eyebrow,
html.gantomo-warm .hero h1 span,
html.gantomo-warm .stat-value {
  color: #c45c2a;
}

html.gantomo-warm .eyebrow::before {
  background: #e8882e;
}

html.gantomo-warm .network-center,
html.gantomo-warm .logo-mark {
  background: linear-gradient(145deg, #ffb347 0%, #e8882e 100%);
}

html.gantomo-warm .platform-card::before {
  background: var(--card-accent, #e8882e);
}

html.gantomo-warm .platform-card--forum {
  --card-accent: #e8882e;
}

html.gantomo-warm .home-more,
html.gantomo-warm .home-more:hover {
  color: #c45c2a;
}

/* --- マイページ --- */
html.gantomo-warm.gantomo-mypage {
  --accent: #e8882e;
  --accent-soft: #ffe8d6;
  --bg: #fffaf5;
}

html.gantomo-warm .home-welcome-title span,
html.gantomo-warm .home-welcome-eyebrow,
html.gantomo-warm .mypage-gate-eyebrow {
  color: #c45c2a;
}

html.gantomo-warm .home-quick-link--forum:hover {
  color: #c45c2a;
  border-color: rgba(211, 120, 60, 0.4);
}

html.gantomo-warm .home-profile-accent {
  background: linear-gradient(180deg, #ffb347, #d2783c);
}

html.gantomo-warm .home-unread-strip-inner {
  background: linear-gradient(90deg, #ffe8d6 0%, #fff8f2 100%);
  border-color: rgba(211, 120, 60, 0.25);
}

html.gantomo-warm .home-unread-strip-text strong {
  color: #c45c2a;
}

/* --- フッター --- */
html.gantomo-warm footer,
html.gantomo-warm .gantomo-site-footer {
  background: var(--g-bg-soft);
  border-top-color: rgba(211, 120, 60, 0.15);
}

html.gantomo-warm footer .footer-crossnav a {
  background: #fff;
  border: 1px solid rgba(211, 120, 60, 0.15);
}

html.gantomo-warm footer .footer-crossnav a:hover {
  background: var(--g-accent-soft);
  color: #c45c2a;
}

/* --- 掲示板ヘッダースロット --- */
html.gantomo-warm .gantomo-site-header-slot--fixed {
  background: rgba(255, 250, 245, 0.98);
}

html.gantomo-warm body.preload {
  background: #fffaf5 !important;
}
