/* NOIR RIBBON — tokens.css : デザイントークン（黒絹＋一本のリボン線） */
:root {
  /* 配色（sites-v5 §16 / design-plan B5 SITE 51） */
  --black:    #141210;  /* 基調・黒絹 */
  --charcoal: #2b2823;  /* 面の切り替え */
  --charcoal-2:#221f1b;
  --ivory:    #f0ebe0;  /* 本文・見出し */
  --gold:     #b08d4f;  /* ウォームゴールド アクセント（リボン線） */
  --gold-soft:#c9a869;
  --gold-deep:#8a6d38;

  /* 派生 */
  --ink-70: rgba(240,235,224,.72);
  --ink-55: rgba(240,235,224,.56);
  --line:   rgba(176,141,79,.34);   /* 金の細罫 */
  --line-soft: rgba(240,235,224,.14);
  --panel:  #1b1815;
  --panel-2:#201c18;

  /* タイポ */
  --font-display: "Gilda Display", "Noto Serif JP", serif;   /* 51専用 display */
  --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.6rem, 7vw, 5.4rem);
  --fs-h2:   clamp(1.7rem, 3.4vw, 2.7rem);
  --fs-h3:   clamp(1.25rem, 2vw, 1.55rem);
  --fs-lead: clamp(1rem, 1.25vw, 1.12rem);
  --fs-body: 1rem;      /* 16px 下限 */
  --fs-small:0.875rem;  /* 14px：注釈下限 */
  --fs-kicker: 0.8125rem;/* 13px：装飾英字ラベルのみ */

  /* レイアウト */
  --maxw: 1240px;
  --gut: clamp(1.15rem, 4vw, 3.2rem);
  --sec-py: clamp(4.5rem, 9vw, 8rem);
  --radius: 2px;        /* 角丸は最小限（端正） */
  --ribbon-w: clamp(44px, 7vw, 96px); /* リボン領域幅 */

  --shadow: 0 24px 60px -30px rgba(0,0,0,.8);
  --ease: cubic-bezier(.22, 1, .36, 1);

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