/* ============================================================
   vintagecarpet — 設計トークン v2「白 × 朱の現代アーカイブ」
   赤・白・墨の三色のみ（金は使わない）。古典明朝 × 超現代ゴシック。
   中央アジア/イスラム幾何（ギリ文様）を構造装飾に。ビルドレス・素のCSS。
   ============================================================ */

:root {
  /* —— 色: 赤・白・墨の三値（金は排除） ———————————————————— */
  --paper:      #faf8f3;   /* 主背景。ほんのり暖かい白 */
  --paper-2:    #f2eee4;   /* 面・パネル */
  --paper-3:    #eae4d6;   /* 一段沈んだ面 */
  --ink:        #17150f;   /* 墨。文字主色（純黒を避けた暖黒） */
  --ink-2:      #4a453b;   /* 二次テキスト */
  --ink-3:      #8b8374;   /* 三次・キャプション */

  --red:        #c81e2c;   /* 朱赤 — 唯一の差し色。署名色 */
  --red-deep:   #9c1622;   /* 影の赤・hover */
  --red-bright: #e23b3b;   /* 明るい赤（極小アクセント） */
  --red-tint:   rgba(200,30,44,.07); /* 赤の極淡面 */

  --line:       #ded6c6;   /* 罫線（暖灰） */
  --line-2:     #cbc2af;   /* 強めの罫線 */
  --rule-ink:   #17150f;   /* 黒の強罫（カタログ的） */

  --sold:       #a79e8d;   /* SOLD のくすみ */

  /* —— 書体: 古典 × 超現代 × 図録欧文 ————————————————————— */
  --serif:   "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;     /* 古典・大見出し */
  --sans:    "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; /* 超現代・本文/UI */
  --grotesk: "Archivo", "Helvetica Neue", Arial, sans-serif;                     /* 欧文ラベル・図録番号 */

  /* タイプスケール（流体・clamp） */
  --t-2xs:  clamp(0.66rem, 0.64rem + 0.08vw, 0.72rem);
  --t-xs:   clamp(0.74rem, 0.71rem + 0.12vw, 0.8rem);
  --t-sm:   clamp(0.84rem, 0.81rem + 0.16vw, 0.92rem);
  --t-base: clamp(0.98rem, 0.95rem + 0.22vw, 1.05rem);
  --t-md:   clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
  --t-lg:   clamp(1.5rem, 1.2rem + 1.3vw, 2.15rem);
  --t-xl:   clamp(2rem, 1.4rem + 2.7vw, 3.4rem);
  --t-2xl:  clamp(2.8rem, 1.6rem + 5vw, 5.6rem);
  --t-display: clamp(3.2rem, 1.6rem + 6.6vw, 7rem);

  --lh-tight: 1.14;
  --lh-snug:  1.42;
  --lh-body:  1.95;        /* 和文ゆったり */
  --ls-label: 0.32em;      /* 欧文ラベル字間 */
  --ls-wide:  0.14em;
  --ls-jp:    0.08em;

  /* —— 余白・寸法・グリッド ———————————————————————————— */
  --s-3xs: .25rem; --s-2xs: .5rem; --s-xs: .75rem; --s-sm: 1rem;
  --s-md: 1.75rem; --s-lg: 3rem; --s-xl: 5rem; --s-2xl: 8rem; --s-3xl: 11rem;

  --content: 1200px;
  --wide:    1440px;
  --measure: 64ch;
  --gutter:  clamp(1.25rem, 5vw, 3.5rem);

  /* —— 線・角・影（角丸ゼロ＝図録の直線美） ————————————————— */
  --radius: 0px;
  --hair:   1px solid var(--line);
  --hair-2: 1px solid var(--line-2);
  --rule:   1.5px solid var(--rule-ink);
  --shadow: 0 26px 60px -34px rgba(23,21,15,.34);
  --shadow-red: 0 24px 50px -30px rgba(156,22,34,.4);

  /* —— モーション ———————————————————————————————————— */
  --ease: cubic-bezier(.2,.7,.2,1);
  --ease-ink: cubic-bezier(.65,.05,.36,1);
  --d1: .28s; --d2: .55s; --d3: 1s;

  --z-header: 100; --z-overlay: 200;
}

@media (prefers-reduced-motion: reduce) {
  :root { --d1: .001s; --d2: .001s; --d3: .001s; }
}
