/* LUXTH 色・文字・余白（参考 sogokagu の実測を黒地に反転。analysis.md 4・5・6） */
:root {
  /* 色：黒がメイン、白は帯と反転の強調だけ。差し色は使わない（色は靴の写真だけが持つ） */
  --c-bg: #0d0d0d;
  --c-bg-deep: #070707;
  --c-ink: #efefed;
  --c-ink-sub: #a6a6a7;
  --c-ink-mute: #77787a;
  --c-line: #5c5c5c;
  --c-paper: #efefed;
  --c-paper-ink: #171818;
  --c-paper-line: #cfd0d2;
  --c-tile: #141414;
  --c-paper-sub: #4a4b4c;
  --c-paper-tile: #d9dad8;
  --c-floor: rgba(239, 239, 237, 0.07);
  --c-stage: #0d0d0d;

  /* 書体：欧文＝Neue Haas Grotesk Display の代わりに Inter Tight、和文＝秀英角ゴシック金の代わりに Zen Kaku Gothic New */
  --ff-en: "Inter Tight", "Zen Kaku Gothic New", sans-serif;
  --ff-ja: "Zen Kaku Gothic New", "Inter Tight", sans-serif;
  /* 明朝：ロゴ（セリフの文字ロゴ）に合わせ、キャッチと和文の見出しだけに使う */
  --ff-mincho: "Shippori Mincho B1", "Zen Kaku Gothic New", serif;
  /* 欧文のセリフ：ロゴ（EB Garamond の文字ロゴ）と同じ書体。英語のキャッチに使う */
  --ff-serif-en: "EB Garamond", "Shippori Mincho B1", serif;

  /* 文字：見出しは参考の px、本文は年配向けに大きく（参考 12〜14px → 16px） */
  --fs-xl: clamp(48px, 6.667vw, 96px);
  --fs-l: clamp(32px, 3.334vw, 48px);
  --fs-m: clamp(24px, 2.223vw, 32px);
  --fs-count: clamp(18px, 1.667vw, 24px);
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-nav: 14px;
  --lh-body: 1.9;
  --ls-body: 0.04em;
  --fw-body: 400;
  --fs-ja-sub: 16px;
  --fs-catch: clamp(32px, 3.06vw, 44px);
  --fs-ja-l: clamp(26px, 2.23vw, 32px);

  /* 余白（3 段階＋セクション） */
  --gutter: 20px;
  --sp-1: 12px;
  --sp-p: 20px;
  --sp-g: 40px;
  --sec-y: 140px;

  /* 右上への矢印（↗）。リンクの文字色で塗る */
  --arrow-ne: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1.5 10.5 10.5 1.5M3.5 1.5h7v7' fill='none' stroke='%23000' stroke-width='1.2'/%3E%3C/svg%3E");

  /* 動き（参考の時間割） */
  --ease-open: cubic-bezier(0.645, 0.045, 0.355, 1);
  --dur-open: 0.8s;
  --dur-fade: 2s;
  --dur-hover: 0.3s;
}

@media (max-width: 780px) {
  :root {
    --fs-body: 16px;
    --fs-nav: 15px;
    --fs-catch: 28px;
    --fs-ja-l: 26px;
    --sec-y: 96px;
    --sp-g: 32px;
  }
}