/**
 * Gantomo SNS — 旧トークン（--k-* / 暖色 LP）を --gs-* に揃える
 * CBチャット（/cb/）には適用しない（別アプリ）
 */

:root {
  --k-bg: var(--gs-bg);
  --k-bg-soft: var(--gs-accent-soft);
  --k-surface: var(--gs-surface);
  --k-ink: var(--gs-ink);
  --k-ink-muted: var(--gs-ink-muted);
  --k-ink-light: var(--gs-ink-light);
  --k-ink-meta: var(--gs-ink-muted);
  --k-primary: var(--gs-accent);
  --k-primary-hover: var(--gs-accent-hover);
  --k-primary-light: #2dd4bf;
  --k-primary-soft: var(--gs-accent-soft);
  --k-accent: var(--gs-pillar-forum);
  --k-accent-soft: var(--gs-pillar-forum-soft);
  --k-line: var(--gs-line);
  --k-shadow: var(--gs-shadow-md);
  --k-shadow-hover: var(--gs-shadow-lg);
  --k-glow-primary: var(--gs-accent-soft);
  --k-glow-accent: var(--gs-pillar-forum-soft);
  --k-glow-soft: rgba(15, 118, 110, 0.08);
  --k-border-primary: rgba(15, 118, 110, 0.28);
  --k-focus-ring: var(--gs-focus-ring);
  --k-radius: var(--gs-radius);
  --k-radius-sm: var(--gs-radius-sm);
  --k-font-sans: var(--gs-font-sans);
  --k-font-serif: var(--gs-font-display);
  --k-content-max: var(--gs-shell-max);
  --k-header-height: var(--gs-header-height);
}

/* kokoro LP 本文の暖色グラデを SNS トーンへ */
body.gantomo-sns-wp-lp,
body.gantomo-sns-landing {
  background: transparent;
  color: var(--gs-ink);
  font-family: var(--gs-font-sans);
}

body.gantomo-sns-wp-lp .kokoro-lp-hero {
  background:
    linear-gradient(165deg, rgba(15, 118, 110, 0.1) 0%, rgba(243, 242, 239, 0.55) 45%, transparent 70%),
    transparent;
}

body.gantomo-sns-wp-lp .kokoro-lp-hero__title,
body.gantomo-sns-wp-lp .kokoro-lp-section__title,
body.gantomo-sns-wp-lp .kokoro-lp-cta__title {
  font-family: var(--gs-font-display);
  font-weight: 600;
  letter-spacing: 0.02em;
}

body.gantomo-sns-wp-lp .kokoro-btn--primary,
body.gantomo-sns-wp-lp .wp-block-button__link {
  background: var(--gs-accent) !important;
  border-color: var(--gs-accent) !important;
  color: #fff !important;
  border-radius: var(--gs-radius-pill);
}

body.gantomo-sns-wp-lp .kokoro-btn--primary:hover,
body.gantomo-sns-wp-lp .wp-block-button__link:hover {
  background: var(--gs-accent-hover) !important;
  border-color: var(--gs-accent-hover) !important;
}

body.gantomo-sns-wp-lp .kokoro-btn--secondary {
  background: var(--gs-surface) !important;
  color: var(--gs-accent) !important;
  border: 1px solid var(--gs-line-strong) !important;
  border-radius: var(--gs-radius-pill);
}

/* ニュース（kokoro-news） */
.kokoro-news-page {
  font-family: var(--gs-font-sans) !important;
  color: var(--gs-ink) !important;
  background: transparent;
}

.kokoro-news-page__title {
  font-family: var(--gs-font-display) !important;
  font-weight: 600 !important;
}

.kokoro-news-btn {
  background: var(--gs-accent) !important;
  border-radius: var(--gs-radius-pill) !important;
}

.kokoro-news-btn:hover {
  background: var(--gs-accent-hover) !important;
}

.kokoro-news-btn--ghost {
  background: var(--gs-surface) !important;
  color: var(--gs-accent) !important;
  border-color: rgba(15, 118, 110, 0.28) !important;
}

.kokoro-news-card {
  border-radius: var(--gs-radius) !important;
  border-color: var(--gs-line) !important;
  box-shadow: var(--gs-shadow) !important;
}