/* =========================================================
   顧問の流儀 — デザイントークン v2（正本: workspaces/media/DESIGN.md）
   方向: Warm Editorial — 紙と金の静かな誌面（2026-10-15 ブランドチェンジ）
   ブランド3色: 墨木ブラウン #49362D／煌めきのゴールド #C4A35A→#D3B768／生成りのアイボリー #F5EFE6
   ========================================================= */
:root {
  /* 色（数値はアイボリー地でのコントラスト比） */
  --color-brown: #49362D;        /* 墨木ブラウン：濃色の面・主ボタン・フッター（9.94） */
  --color-brown-deep: #34251F;   /* 転機の帯・告知バー・動画枠 */
  --color-brown-night: #1F1713;  /* 写真なしヒーローのグラデーション起点 */
  --color-gold: #C4A35A;         /* 罫線・飾り専用。文字には使わない（2.10） */
  --color-gold-light: #D3B768;   /* グラデーションの終点・濃色面の上の飾り */
  --color-gold-strong: #9A793A;  /* 24px以上の数字・ドロップキャップ（3.55・大きい文字のみ） */
  --color-gold-ink: #7E632F;     /* 小さい金文字：眉見出し・英字ラベル・CONTENTS（4.95／紙地5.44） */
  --color-gold-on-dark: #DBC57F; /* 濃茶地の小さい金文字（6.66） */
  --color-gold-em: #E0C879;      /* 濃茶地の金色の強調＝MY STYLEの<em>（6.87） */
  --color-ivory: #F5EFE6;        /* ページの地 */
  --color-paper: #FFFAF2;        /* ヒーロー・カード・プロフィールの面 */
  --color-ink: #332822;          /* 本文（12.52） */
  --color-ink-soft: #66574E;     /* 補助の文：dek・リード（6.05） */
  --color-muted: #73665E;        /* キャプション・メタ（4.85） */
  --color-on-dark: #F5EFE6;      /* 濃茶地の本文 */
  --color-on-dark-muted: #C3B6AC;/* 濃茶地の補助の文（5.74） */
  --color-line: rgb(73 54 45 / .18);
  --color-line-soft: rgb(73 54 45 / .12);
  --color-line-gold: #BDA98F;    /* 目次の上下の罫線 */
  --color-line-on-dark: rgb(211 183 104 / .28);
  --color-alert: #8E3A2C;        /* 機能色（フォームの誤り・削除）。ブランド色ではない（6.58） */

  --gradient-gold: linear-gradient(90deg, var(--color-gold), var(--color-gold-light));
  --gradient-gold-3: linear-gradient(90deg, var(--color-gold), var(--color-gold-light), var(--color-gold));
  --gradient-dark: radial-gradient(circle at 82% 20%, rgb(196 163 90 / .16), transparent 28%),
                   linear-gradient(140deg, var(--color-brown-night), var(--color-brown-deep));
  --gradient-glow: radial-gradient(circle at 50% 48%, rgb(211 183 104 / .14), transparent 34%);
  --gradient-paper-glow: radial-gradient(ellipse at 50% 40%, rgb(211 183 104 / .18), rgb(211 183 104 / .06) 32%, transparent 60%);

  --shadow-soft: 0 1px 2px rgb(52 37 31 / .05), 0 8px 24px rgb(52 37 31 / .07);
  --shadow-card: 0 16px 38px rgb(52 37 31 / .10);
  --shadow-film: 0 28px 70px rgb(31 23 19 / .24);

  /* 書体 */
  --font-mincho: "Shippori Mincho", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  --font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Meiryo", sans-serif;
  --font-latin: "EB Garamond", Georgia, "Times New Roman", serif;
  /* 旧名の互換（段階移行用。main.css の書き換え完了後に削除） */
  --font-heading: var(--font-mincho);
  --font-body: var(--font-sans);
  --font-en: var(--font-latin);

  /* 文字サイズ（最小 11px） */
  --fs-label: .75rem;          /* 12px。EB Garamond は小さく見えるので11pxにしない（designerレビュー 2026-10-15） */
  --fs-meta: .8125rem;
  --fs-body: 1rem;
  --fs-lead: 1.0625rem;
  --fs-quote: clamp(1.1875rem, 1.05rem + .55vw, 1.3125rem);
  --fs-chapter: clamp(1.4375rem, 1.3rem + .5vw, 1.625rem);
  --fs-motto: clamp(1.4375rem, 1.1rem + 1.2vw, 2.125rem);
  --fs-interlude: clamp(1.375rem, 1.1rem + 1.1vw, 1.9375rem);
  --fs-hero: clamp(2rem, 1.2rem + 3.2vw, 3.375rem);
  --fs-page: clamp(2.25rem, 1.5rem + 3vw, 3.875rem);
  --fs-numeral: clamp(2.5rem, 2rem + 1.6vw, 3.25rem);
  --fs-h2: clamp(1.5rem, 1.25rem + 1vw, 2.125rem);
  --fs-h3: clamp(1.125rem, 1.05rem + .4vw, 1.3125rem);

  --lh-body: 1.9;
  --lh-lead: 2;
  --lh-heading: 1.55;
  --lh-hero: 1.38;
  --tr-heading: .035em;
  --tr-label: .22em;

  /* 形・動き・余白 */
  --radius: 2px;
  --radius-pill: 2px;             /* 丸い札は使わない（検索サイト風を避ける）。角2px */
  --header-h: 72px;
  --ease-out: cubic-bezier(.22, .8, .28, 1);
  --dur-reveal: .9s;
  --space-section: clamp(4.25rem, 3rem + 4vw, 6.875rem);
  --space-block: clamp(2rem, 1.5rem + 2vw, 3.5rem);
  --measure: 40em;
  /* 幅（参考サイトの実測） */
  --w-site: 1160px; --w-story: 1040px; --w-toc: 860px; --w-lead: 720px; --w-chapter: 680px; --w-narrow: 760px;
  --bp-sp: 760px;
  color-scheme: light;             /* 強制ダークで生成りが反転しないように */
}