/* VELVET LINE — tokens.css : デザイントークン（深い葡萄色のベルベット＋一筋の光の線） */
:root {
  /* 配色（sites-v5 §21 / design-plan B5 SITE 56） */
  --burgundy:   #5a1d2c;  /* バーガンディ（主面） */
  --burgundy-d: #3d1420;  /* 深い葡萄 */
  --burgundy-l: #74283a;  /* 明るい葡萄（縁・線） */
  --black:      #171114;  /* 基調 */
  --black-2:    #1f171b;  /* 面の切替 */
  --cream:      #f1e7d8;  /* 本文・見出し */
  --gold:       #a58a52;  /* アンティークゴールド アクセント（光の線） */
  --gold-soft:  #c2a874;
  --gold-deep:  #8a6f3d;

  /* 派生（コントラスト4.5:1以上を確保して使用） */
  --ink-80: rgba(241,231,216,.86);
  --ink-64: rgba(241,231,216,.70);   /* 注釈：黒地で約 10:1 */
  --line:   rgba(165,138,82,.36);    /* 金の細罫 */
  --line-soft: rgba(241,231,216,.14);
  --panel:  #201519;
  --panel-2:#261a1f;
  --velvet-glow: rgba(116,40,58,.55);

  /* タイポ */
  --font-display: "Rozha One", "Noto Serif JP", serif;   /* 56専用 display（既存50サイトと重複なし） */
  --font-body: "Noto Sans JP", system-ui, -apple-system, sans-serif;
  --font-mono: "Space Mono", "IBM Plex Mono", ui-monospace, monospace;

  --fs-hero: clamp(2.7rem, 7.4vw, 6rem);
  --fs-h2:   clamp(1.8rem, 3.6vw, 3rem);
  --fs-h3:   clamp(1.3rem, 2.1vw, 1.6rem);
  --fs-lead: clamp(1.02rem, 1.3vw, 1.18rem);
  --fs-body: 1rem;       /* 16px 下限 */
  --fs-small:0.875rem;   /* 14px：注釈下限 */
  --fs-kicker:0.8125rem; /* 13px：装飾英字ラベルのみ */

  /* レイアウト */
  --maxw: 1220px;
  --maxw-wide: 1440px;
  --gut: clamp(1.15rem, 4vw, 3rem);
  --sec-py: clamp(4.25rem, 8.5vw, 7.5rem);
  --radius: 3px;
  --radius-lg: 6px;

  --shadow: 0 30px 70px -34px rgba(0,0,0,.85);
  --shadow-soft: 0 18px 44px -28px rgba(0,0,0,.7);
  --ease: cubic-bezier(.22, 1, .36, 1);

  --header-h: 74px;
  --cta-h: 66px; /* モバイル固定CTA高さ（フッター余白計算に使用） */
}