/*
Theme Name: SWELL Child - Follow the Rabbit
Template: swell
Version: 1.0
*/

/*
 * Follow the Rabbit — Design Tokens
 * SWELL子テーマの style.css の冒頭に、まるごと貼り付けてください。
 * （既存の子テーマCSSは残したままでOK。上書きされます）
 */

:root {
  /* ---- Colors ---- */
  --ftr-bg:         #F5F1EA;   /* ページ背景（やわらかいオフホワイト） */
  --ftr-bg-warm:   #EDE6D9;   /* セクション背景（ひとまわり濃いめ） */
  --ftr-paper:     #FAF8F4;   /* カードや記事背景（ほぼ白） */
  --ftr-ink:       #1B1A17;   /* 本文テキスト（墨黒） */
  --ftr-ink-soft:  #3A3730;   /* 副次テキスト */
  --ftr-ink-mute:  #6B6558;   /* キャプション・メタ情報 */
  --ftr-rule:      #C9C1B2;   /* 罫線 */
  --ftr-accent:    #2E4B38;   /* 山の緑（アクセント） */
  --ftr-accent-deep:#1E3326;  /* 濃い緑（英文見出しに） */
}

body {
  background: var(--ftr-bg);
  color: var(--ftr-ink);
  font-family: 'Shippori Mincho', 'Noto Serif JP', serif;
  font-feature-settings: "palt";
  line-height: 1.9;
}

/* 記事タイトル（和文＋明朝） */
.entry-title,
.p-articleTitle,
h1.c-pageTitle {
  font-family: 'Shippori Mincho', 'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.35;
}

/* セクション見出しや装飾に使う欧文セリフ */
.ftr-display,
.p-postList__title-en,
.ftr-en {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.01em;
  color: var(--ftr-accent-deep);
}

/* メタ情報・キャプション（等幅で知的に） */
.post-meta,
.p-postList__date,
.ftr-meta {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px !important;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ftr-ink-mute);
}

/* 本文段落のゆとり */
.post_content p {
  font-size: 17px;
  line-height: 2.2;
  margin-bottom: 1.8em;
  color: var(--ftr-ink);
}

/* 記事タイトルの大きさ（詳細ページ） */
.p-articleTitle,
h1.entry-title {
  font-size: clamp(32px, 4vw, 56px) !important;
}

/* 記事冒頭のドロップキャップ（1文字目を大きく） */
.post_content > p:first-of-type::first-letter {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 4em;
  line-height: 0.9;
  float: left;
  margin: 0.1em 0.1em 0 0;
  color: var(--ftr-accent-deep);
}

/* 引用ブロック（プルクォート風） */
.post_content blockquote {
  border: none;
  border-top: 1px solid var(--ftr-rule);
  border-bottom: 1px solid var(--ftr-rule);
  background: var(--ftr-bg-warm);
  padding: 3em 2em;
  margin: 3em -2em;
  text-align: center;
}
.post_content blockquote p {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.9;
}

/* カテゴリータグ（アーカイブ・カード上） */
.cat-label,
.p-postList__cat {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic;
  font-size: 15px !important;
  color: var(--ftr-accent-deep) !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  letter-spacing: 0.02em;
}

/* 記事カードのミニマル化（角丸・影を消してエディトリアルに） */
.p-postList__link,
.c-postThumb {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* アーカイブページのカード余白を広げる */
.p-postList__item {
  padding: 2.5em 0 !important;
  border-bottom: 1px solid var(--ftr-rule);
}

/* サイトタイトル（ヘッダーロゴのテキスト） */
.c-headLogo a {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

/* グローバルナビ */
.c-gnav li a {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 16px;
  letter-spacing: 0.02em;
}

/* ボタン（Subscribe等） */
.wp-block-button__link,
.c-button {
  border-radius: 0 !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic;
  font-size: 16px;
  letter-spacing: 0.02em;
  background: var(--ftr-ink) !important;
  color: var(--ftr-paper) !important;
  padding: 14px 28px !important;
}

/* フッター */
.l-footer {
  background: var(--ftr-ink) !important;
  color: var(--ftr-paper) !important;
}
.l-footer a { color: var(--ftr-paper); }

/* 罫線を細く、やわらかく */
hr {
  border: none;
  border-top: 1px solid var(--ftr-rule);
}