/*
Theme Name: Arkhe Child
Template: arkhe
Version: 1.0.0
Description: Arkhe の子テーマ
Author: yuru-pg
Text Domain: arkhe-child
*/

/* ─────────────────────────────────────
   1. カラーパレット
   白ベース・グレージュ・くすみローズ
   ※ Arkhe は arkhe-main-style へのインラインCSSで
     :root 変数を上書きするため、当ファイルは
     arkhe-main-style に依存させて後から読み込む
───────────────────────────────────── */
:root {
  --ark-color--bg:   #faf8f6;   /* 温かみのある白（グレージュ寄り） */
  --ark-color--text: #3d3935;   /* ソフトブラック（青みを抜いたブラウン系） */
  --ark-color--main: #c4907f;   /* くすみローズ（メインカラー） */
  --ark-color--link: #b07d6e;   /* リンクカラー（メインより少し深く） */
  --ark-color--gray: #f0ece8;   /* 薄いグレージュ（背景差分用） */
}

/* ─────────────────────────────────────
   2. タイポグラフィ
   Noto Sans JP・余白感・字間
   ※ body の line-height は変数経由でなく直値のため
     body に直接指定する
───────────────────────────────────── */
:root {
  --ark-font_family: "Noto Sans JP", "Hiragino Kaku Gothic ProN",
                     "Hiragino Sans", "Meiryo", sans-serif;
  --ark-letter_spacing: .04em; /* デフォルト .025em → 読みやすい字間 */
}

body {
  line-height: 1.9; /* デフォルト 1.5 → ゆったり感（変数経由では効かないため直指定） */
}

/* コードブロック：本文フォントが継承されないよう等幅フォントを明示 */
pre,
code,
kbd,
samp {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

/* ─────────────────────────────────────
   3. 記事カード
   角丸・柔らかい影・ホバー浮き上がり
───────────────────────────────────── */
.p-postList__item {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(100, 75, 65, .07);
  transition: box-shadow .25s ease, transform .25s ease;
}

.p-postList__item:hover {
  box-shadow: 0 6px 20px rgba(100, 75, 65, .13);
  transform: translateY(-3px);
}