/* =============================================================
   Shiki Media — Design Tokens (sm-)
   志木 地域メディア / shiki.pochimichi.jp
   本体ぽちぽち(pm-)とは別名前空間。SWELL子テーマで読み込む。

   配色・タイポは CLAUDE.md「ブランド・トーン」を正本とする。
   コントラストは tools/contrast-check.mjs で WCAG AA を検証
   （`node tools/contrast-check.mjs` で再実行可）。検証サマリ:
     本文  sm-ink      on 白/カード/淡緑 … 約 15 / 14 / 13 : 1   AA◎
     メタ  sm-ink-soft on 白/カード      … 約 6.7 / 6.5 : 1      AA○
     リンク sm-link     on 白/カード/淡緑 … 約 6.2 / 6.0 / 5.6 : 1 AA○
     白文字 on sm-link 緑ボタン           … 約 6.2 : 1            AA○（CTAはこれ）
     ── テキスト用途では使わない（検証で不可と確認）──
     白文字 on sm-brand 緑  … 約 2.4 : 1  ✗ → ブランド緑は面/バッジ専用。
                                              面の上に文字を載せるなら sm-ink(濃)で約 6.0 : 1。
     白文字 on sm-accent 橙 … 約 2.4 : 1  ✗ → CTAのbgに白文字は不可。
                                              橙は下線/小マーク等の限定ハイライトのみ。文字は sm-accent-ink。
   ============================================================= */

:root{
  /* インク（テキスト）：ぽちぽちの dark を継承＝緑の連続性を本文にも */
  --sm-ink:        #1a2e16; /* 本文・見出し（ぽちぽち dark 継承） */
  --sm-ink-soft:   #51604a; /* メタ・キャプション・補助 */

  /* ブランドグリーン（継承＝連続性の核） */
  --sm-brand:      #6EB95B; /* タグ/バッジ/面/ブランドマーク。※テキスト色不可。面上の文字は --sm-ink */
  --sm-brand-weak: #EFF6EB; /* セクション地・コールアウト・hover の淡い緑 */
  --sm-link:       #2F6E2C; /* リンク/ボタン/白地テキストの緑（AA検証済 約 6.2 : 1） */

  /* アクセント（ぽちぽち orange は“控えめに継承”） */
  --sm-accent:     #E8943A; /* 限定ハイライト/面のみ。白文字bg不可。文字に使うなら --sm-accent-ink */
  --sm-accent-ink: #9A5B12; /* accent を文字色に使う場合のコントラスト確保版（白地 約 5.4 : 1） */

  /* サーフェス */
  --sm-bg:         #FFFFFF; /* ページ背景 */
  --sm-surface:    #FAFAF7; /* カード/交互セクション（温かいオフホワイト＝エディトリアル感） */
  --sm-line:       #E4E7DF; /* 罫線・区切り */

  /* PR/広告ラベル（ステマ規制：明示が主、色は補助） */
  --sm-pr-bg:      #FBF1E2;
  --sm-pr-ink:     #9A5B12; /* PR地の上 約 4.8 : 1 */

  /* タイポグラフィ */
  --sm-font-heading: "Shippori Mincho B1", "Noto Serif JP", serif; /* 見出し＝明朝（報道の信頼感） */
  --sm-font-body:    "Noto Sans JP", sans-serif;                   /* 本文＝長文可読性 */
  --sm-font-latin:   "Outfit", sans-serif;                         /* 欧文・数字＝ぽちぽち継承（ロゴ/価格/日付/年号） */
  --sm-font-pochi:   "Zen Maru Gothic", sans-serif;                /* 「運営：ぽちぽちの道」開示ブロック内のみ */

  /* レイアウト土台（最低限。実装で拡張） */
  --sm-radius:    10px;
  --sm-radius-sm:  6px;
  --sm-maxw:      720px; /* 本文カラム幅（読みやすさ優先） */
}