@charset "utf-8";
/* ==========================================================================
   CORECOLOR 2026 — デザイントークン
   --------------------------------------------------------------------------
   デザインカンプ「CORECOLOR 0901.pdf」から抽出した書体と配色の定義。
   カンプの書体は商用フォントのため Google Fonts で代替する（児島さん判断・2026-09-02）。

     カンプの書体                          採用（Google Fonts）
     ----------------------------------------------------------------
     筑紫A丸ゴシック Std R / B             Noto Sans JP 400 / 700
     凸版文久見出しゴシック StdN EB        Noto Sans JP 900
     游ゴシック Medium / Bold              Noto Sans JP 500 / 700
     Brandon Grotesque Black               Poppins 700 / 800
     Avenir Light / Helvetica Bold         Poppins 300 / 700
     筑紫明朝 Pr6N L                       Noto Serif JP 300（必要になったら読み込む）

   ※ 和文は当初 Zen Maru Gothic（丸ゴシック）を提案したが、児島さん判断で
     Noto Sans JP に決定。カンプは丸ゴシックなので、角の丸みが無くなる分だけ
     印象は硬くなる。字面・ふところは近いためレイアウトへの影響は小さい。
   ※ 実際のフォント読み込みは header.php の <link> にまとめている。
   ========================================================================== */

:root {
	/* --- 書体 ------------------------------------------------------------ */

	/* 和文はすべてこれ。カンプの筑紫A丸ゴシック／游ゴシック／凸版文久見出しゴシックを
	   ウェイトの使い分けで代替する（400=本文 / 500=やや強調 / 700=見出し / 900=大見出し）。 */
	--font-jp: 'Noto Sans JP', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Yu Gothic', sans-serif;

	/* 欧文の見出し・日付・数字（Pickup! / Column / Special Edition / Writer など）。
	   カンプの Brandon Grotesque にあたる幾何学サンセリフ。 */
	--font-en: 'Poppins', 'Noto Sans JP', 'Helvetica Neue', Arial, sans-serif;

	/* 明朝（装飾用）。現時点では読み込んでいないためOS標準にフォールバックする。 */
	--font-serif: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Mincho', serif;

	/* --- 配色（カンプから実測）-------------------------------------------- */

	--c-base:      #E5E7DF;  /* ページの基本背景（2026-10-08 カンプ再実測 #E6E7E0→#E5E7DF） */
	/* 弧の下の明るい面。弧のすぐ下が最も明るく、下へ行くほど地色に溶ける（2026-10-08 カンプ実測）。
	   1280px幅で約230pxは明るいまま、約620pxで地色になる */
	--c-glow:      #F1F2ED;
	--g-glow: linear-gradient(to bottom, var(--c-glow) 0, var(--c-glow) 14em, var(--c-base) 39em);
	--c-surface:   #ECEDE8;  /* 一段明るい面（ヒーロー） */
	--c-surface-2: #F1F2EE;  /* さらに明るい面（連載コラム・カード） */
	--c-sunken:    #DBD9D7;  /* 一段沈んだ面（Pickup!） */
	--c-sunken-2:  #DBDBD5;  /* 沈んだ面その2（特集） */
	--c-footer:     #C7C9C3; /* フッター帯 */
	--c-footer-low: #D4D4D1; /* フッター下部の弧の内側。カンプ実測 */

	--c-ink:       #211816;  /* 文字・ロゴ。純黒ではなく黒茶 */
	--c-ink-muted: #6B625F;  /* 補助テキスト */
	--c-line:      #C7C9C3;  /* 罫線・枠線 */
	--c-line-arc:  #9D9B96;  /* セクション境界の弧に沿う線。カンプPDFから実測した値 */
	--c-panel-light: #F8F9F7; /* TAGSパネルのグラデーションの明るい側。カンプ実測 */
	--c-white:     #FFFFFF;
}