/* ============================================================
   米吉 COMEKICHI ── Design Tokens
   色・タイポスケール・余白リズム・和紙テクスチャを一元管理。
   ここだけ触れば、ブランドのトーンを全ページ横断で調整できます。
   ============================================================ */

:root {
  /* ---- 色：墨 + 朱 の二色に絞る（緑はLP本体に一切使わない） ---- */
  --paper:        #F2F1EB;   /* 生成りの紙白（やや冷たい白木トーン） */
  --paper-deep:   #E8E6DC;   /* 一段沈めた生成り（座布団パネル等） */
  --paper-line:   #DEDBCF;   /* 紙地の極薄い面 */
  --sumi:         #1A1A18;   /* 墨（見出しインク・感情の見せ場の地） */
  --sumi-soft:    #24231F;   /* 墨地のわずかな濃淡用 */
  --sumi-ink:     #EDEAE0;   /* 墨地に載せる生成りの文字色 */
  --sumi-ink-dim: #A7A296;   /* 墨地の弱い文字・傍注 */
  --shu:          #BE3A2B;   /* 朱（米吉落款の朱赤・唯一のアクセント） */
  --shu-deep:     #A22E20;   /* 朱の押し込み（hover等） */
  --shu-on-dark:  #E0685A;   /* 墨地の小さな朱文字用（WCAG AA 確保・朱の同系色） */

  /* ---- 罫線（印刷物の文法。1pxの細墨罫） ---- */
  --rule:         rgba(26, 26, 24, 0.28);
  --rule-soft:    rgba(26, 26, 24, 0.14);
  --rule-on-dark: rgba(237, 234, 224, 0.26);
  --rule-on-dark-soft: rgba(237, 234, 224, 0.12);

  /* ---- 本文の文字色 ---- */
  --text:         #26251F;   /* 紙地の本文（真っ黒を避け、やや温度を残す） */
  --text-dim:     #6A665C;   /* 傍注・キャプション */

  /* ---- フォント ---- */
  --font-mincho: "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-sans:   var(--font-mincho);   /* 和文はすべて明朝に統一 */
  --font-hand:   var(--font-mincho);   /* 同上 */
  --font-latin:  "Jost", "Helvetica Neue", Arial, var(--font-mincho); /* 欧文はJost、和文は明朝に落ちる */

  /* ---- タイポスケール：メリハリは保ちつつ、極端に大きくしすぎない ----
     見出しとキャプションの対比は残すが、上限をおさえてバランスを取る。 */
  --fs-hero:    clamp(2.4rem, 5.4vw, 4.3rem);  /* Hero縦書き見出し */
  --fs-display: clamp(2.1rem, 4.6vw, 3.5rem);  /* 章のステートメント */
  --fs-h2:      clamp(1.7rem, 3.4vw, 2.7rem);  /* 章見出し */
  --fs-h3:      clamp(1.25rem, 2.1vw, 1.6rem); /* 小見出し */
  --fs-lead:    clamp(1.02rem, 1.4vw, 1.2rem); /* リード文 */
  --fs-body:    clamp(1.02rem, 1.05vw, 1.14rem); /* 本文 16.5–18px */
  --fs-small:   0.875rem;                      /* 傍注 14px */
  --fs-cap:     0.72rem;                        /* キャプション 11.5px */
  --fs-num-xl:  clamp(3.2rem, 9.5vw, 7rem);    /* 章番号の透かし数字 */

  /* ---- 行間・字間 ---- */
  --lh-body:    1.95;
  --lh-heading: 1.52;
  --ls-heading: 0.05em;
  --ls-latin:   0.32em;   /* — Chapter 01 等の欧文 */

  /* ---- 余白リズム（余白は活かしつつ、スカスカにしない） ---- */
  --gutter:     clamp(1.25rem, 5vw, 5rem);   /* 版面の左右マージン */
  --measure:    66ch;                         /* 本文の最大行長 */
  --sect-pad:   clamp(3.75rem, 9vh, 7rem);    /* 章の上下パディング */
  --page-max:   1180px;

  /* ---- モーション ---- */
  --ease-settle: cubic-bezier(0.16, 0.62, 0.23, 1);
  --dur-settle:  1.2s;

  /* ---- 和紙テクスチャ（画像不要・SVG feTurbulence 自作） ---- */
  --washi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.022'/%3E%3C/svg%3E");
  --washi-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
}