/*
Theme Name: Kikuo Watanabe Portal
Theme URI: https://kikuowatanabe.com/
Author: Besmile / Muse
Author URI: https://kikuowatanabe.com/
Description: 全国の渡辺喜久男さんを集めました！（kikuowatanabe.com）用スキン。共通基盤テーマ Besmile Media Base の子テーマ。ジャンルは「名前の名鑑・窓口」：生成りの紙面に墨色の文字、朱赤の見出しタグと青い参照リンクで作る辞典・索引の基調。配色・書体はサンプル3点（名前ポータル／人物ページ／BBQ動画記事）の実査値から転記し、サイトの顔である名前ポータル（フロント）の値を正とした。このファイル自体がトークン定義を兼ねる（functions.php から読み込まれる）。
Template: besmile-media-base
Version: 1.1.11
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kikuowatanabe-portal
*/

/* ---- kikuowatanabe-portal デザイントークン（サンプル実査からの転記値） ----
   正本の置き場：親テーマの変数名に、名前ポータルサンプルの値を写したもの。
   サンプル側の対応：--paper→--bg、--card→--surface、--paper2→--surface-2、
   --ink2→--ink-soft、--ink3→--ink-faint、--red→--gold 系（朱赤のアクセント）、
   --red-soft→--accent-soft、--ink→--navy（帯・フッター・数字パネルの最も暗い面）。
   --gold-bright は「暗い面の上で読む明るい赤」で、親テーマでは数字パネルや
   フッターなど --navy 地の文字に使われるため、サンプルのダーク側の赤
   （#e0786c）をライトモードにも置いて対比を確保する。
   portal 固有の変数（--portal-line2＝強い罫線、--portal-blue＝参照リンクの青、
   --portal-gold-note＝注記用の金茶）は skin.css からのみ参照する。 */
:root {
	--bg: #fbfaf6;
	--surface: #ffffff;
	--surface-2: #f3f0e7;
	--ink: #22252b;
	--ink-soft: #4c5158;
	--ink-faint: #7c8189;
	--line: #ddd8ca;
	--navy: #22252b;
	--navy-ink: #fbfaf6;
	--gold: #b3352b;
	--gold-bright: #e0786c;
	--gold-ink: #b3352b;
	--accent-soft: #f9ecea;
	--radius: 2px;
	--shadow: 0 1px 2px rgba(34, 37, 43, 0.06), 0 6px 18px rgba(34, 37, 43, 0.05);
	/* 見出しは明朝（サンプルの .serif）。本文はゴシック（サンプル body の書体構成に
	   親が読み込む Zen Kaku Gothic New を先頭に置く watcher と同じ型）。 */
	--font-serif: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
	--font-sans: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;
	/* portal 固有：強い罫線（サンプルの --line2）／参照リンクの青（サンプルの --blue）／
	   青の淡地（サンプルの --blue-soft）／注記の金茶（サンプルの --gold） */
	--portal-line2: #c9c3b0;
	--portal-blue: #1f4e9c;
	--portal-blue-soft: #e9eff8;
	--portal-gold-note: #8a6d2f;
}

@media (prefers-color-scheme: dark) {
	:root {
		--bg: #16171b;
		--surface: #1e2026;
		--surface-2: #1d1f24;
		--ink: #ece9e0;
		--ink-soft: #b9bcc2;
		--ink-faint: #8b8f98;
		--line: #33363e;
		--navy: #0e0f12;
		--navy-ink: #ece9e0;
		--gold: #e0786c;
		--gold-bright: #efaca2;
		--gold-ink: #e0786c;
		--accent-soft: #33201d;
		--shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 6px 18px rgba(0, 0, 0, 0.3);
		--portal-line2: #454954;
		--portal-blue: #8db1e8;
		--portal-blue-soft: #1d2739;
		--portal-gold-note: #cdb27a;
	}
}