/*
  経済同友会 × 漢検 リレーインタビュー / 価値創造型人材に必要な日本語力
  デザイントークン。値は design_handoff_kanken_doyukai_interview/README.md で確定済み。
  本体サイトの /assets/css/common/token.css とは独立（--vchr- プレフィックスで名前空間分離）。
  このサブサイトは本体サイトの共通CSSを読み込まないため、@layer は使わない。
*/

:root {
  /* --- color: background --- */
  --vchr-bg: #FBF7F1;              /* ページ全体の地色（生成り）。和紙テクスチャの下地としても使う */
  /* 副背景ブロック（続きを読む・主催・この企画について・プロフィール 等）。
     body に和紙テクスチャが入っているため不透明にすると「浮いて」見える。
     元の単色は #F5EFE6。不透明に戻さないこと。 */
  --vchr-bg-sub: rgba(245, 239, 230, .72);
  /* ヘッダー。和紙を透かす。フッター（--vchr-bg-footer）は本体サイトとの整合を優先して不透明のまま */
  --vchr-bg-header: rgba(253, 251, 247, .55);
  --vchr-bg-footer: #EFE8DE;       /* フッター */
  --vchr-bg-placeholder: #E6DDD1;  /* 写真プレースホルダー */

  /* --- color: border/rule --- */
  /* セクション区切り・記事区切りの罫線（1px）。和紙テクスチャの上では #E7DFD4 だと
     地に埋もれて見えなくなるため、1段濃い #E0D6C6 にしている */
  --vchr-border: #E0D6C6;
  --vchr-border-accent: #C9B9A8;   /* 引用の左罫・見出し下の短い罫（1.5〜2px） */

  /* --- color: text --- */
  --vchr-text-heading: #2B2622;
  --vchr-text-body: #3F3831;       /* 対 --vchr-bg で 8.9:1 */
  --vchr-text-body-sub: #5C534A;   /* リード文・補足文 */
  /* 二次テキスト。3種の背景色すべてでAA(4.5:1)をクリアする値。これより明るくしないこと。 */
  --vchr-text-secondary: #6E6355;
  --vchr-text-nav: #4A423A;

  /* --- color: accent --- */
  --vchr-accent: #96504A;          /* リンク・ボタン・質問文・引用・冠見出し */
  --vchr-accent-hover: #7A403B;    /* hoverはデザイン上未定義。README推奨値を採用 */
  --vchr-accent-text: #FFFFFF;     /* 臙脂ベタボタンの文字色（対 --vchr-accent で5.9:1／AA） */

  /* --- typography --- */
  --vchr-font-heading: 'Zen Kaku Gothic New', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', system-ui, sans-serif;
  --vchr-font-body: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', system-ui, sans-serif;
  /* サブタイトル「言葉が、人を育てる。」だけに使う明朝。h1・本文・他の見出しはゴシックのまま
     （本文が読みづらいという理由でサイト全体をゴシックに寄せた経緯があるため）。
     Webフォントは Google Fonts の text= でこの10文字だけを購読している（約3.4KB）ので、
     ★このフォントを他の文字列に使ってはいけない（購読外の字はフォールバックの明朝で出る）。 */
  --vchr-font-mincho: 'Zen Old Mincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'YuMincho', serif;

  /* --- layout --- */
  --vchr-pad-sp: 26px;             /* セクション左右padding（SP） */
  --vchr-pad-pc: 48px;             /* セクション左右padding（PC） */
  --vchr-header-pad-sp: 22px;
  --vchr-header-pad-pc: 48px;
  --vchr-width-page: 1120px;       /* コンテンツ最大幅（PC） */
  --vchr-width-body: 720px;        /* 本文カラム幅（PC・中央寄せ）。1行32〜38字を維持するため広げない */
  --vchr-width-list: 840px;        /* 一覧ページのカラム幅（PC・中央寄せ） */

  /* --- border width --- */
  --vchr-rule: 1px;                /* 区切り線 */
  --vchr-rule-accent: 1.5px;       /* 見出し下の短い罫 */
  --vchr-rule-quote: 2px;          /* 引用の左罫 */
  --vchr-rule-btn: 2px;            /* ボタンの枠線 */

  /* --- motion ---
     ふわっと切り替わる程度の控えめな値に留める。
     すべて utilities.css の prefers-reduced-motion: reduce で無効化される。 */
  --vchr-ease: cubic-bezier(.33, 1, .68, 1);  /* ease-out 寄り。行き過ぎない */
  --vchr-dur-fast: .18s;           /* 色・下線などの小さな変化 */
  --vchr-dur: .26s;                /* 表示・非表示の切り替え */
}