/* KYABEL SITE 52 CHAMPAGNE ARC / tokens.css — デザイントークン
   配色: シャンパンベージュ/ホワイト/ブロンズ/ペールピンク/ダークブラウン。明るい石材。 */
:root {
  /* --- 配色（起点値。本文は brown で 4.5:1 以上を確保） --- */
  --champagne: #e8dcc4;
  --champagne-deep: #d8c7a6;
  --white: #fbf8f2;
  --bronze: #8c6239;
  --bronze-deep: #74502f;
  --pink: #ecd5d2;
  --pink-soft: #f4e5e2;
  --brown: #4a382c;      /* 本文（白背景で高コントラスト） */
  --brown-soft: #6b5647; /* 補助テキスト（白背景で約6.5:1） */
  --sand: #efe6d4;       /* 面のうすい下地 */

  /* --- 役割色 --- */
  --bg: var(--white);
  --bg-alt: var(--sand);
  --bg-pink: var(--pink-soft);
  --ink: var(--brown);
  --ink-2: var(--brown-soft);
  --accent: var(--bronze);
  --accent-ink: var(--bronze-deep);
  --line: rgba(74, 56, 44, 0.16);
  --line-strong: rgba(74, 56, 44, 0.28);
  --focus: var(--bronze-deep);
  --shadow-sm: 0 6px 20px rgba(74, 56, 44, 0.10);
  --shadow: 0 16px 44px rgba(74, 56, 44, 0.14);

  /* --- タイポグラフィ --- */
  --font-display: "Lora", "Noto Serif JP", Georgia, serif;
  --font-body: "Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Space Mono", ui-monospace, monospace;

  --fs-display: clamp(2rem, 6.2vw, 4.5rem);
  --fs-h2: clamp(1.7rem, 3.4vw, 2.5rem);
  --fs-h3: clamp(1.2rem, 2vw, 1.5rem);
  --fs-lead: clamp(1.05rem, 1.5vw, 1.25rem);
  --fs-body: 1rem;         /* 16px */
  --fs-small: 0.875rem;    /* 14px（注釈の下限） */
  --fs-eyebrow: 0.8rem;    /* 装飾英字ラベルのみ */

  /* --- 余白・幅 --- */
  --wrap: 1180px;
  --wrap-narrow: 860px;
  --gutter: clamp(1.1rem, 4vw, 2.5rem);
  --sec-pad: clamp(3.5rem, 8vw, 7rem);
  --sp-1: 0.5rem; --sp-2: 1rem; --sp-3: 1.5rem; --sp-4: 2rem; --sp-5: 3rem;

  /* --- 形状（角丸は限定的・アーチは大きく） --- */
  --radius: 12px;
  --radius-sm: 6px;
  --arch: 50% 50% var(--radius-sm) var(--radius-sm) / 34% 34% var(--radius-sm) var(--radius-sm);
  --arch-deep: 50% 50% var(--radius-sm) var(--radius-sm) / 42% 42% var(--radius-sm) var(--radius-sm);

  /* --- モーション --- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.7s;

  --cta-h: 4.25rem; /* 固定CTAの高さ（本文の下余白計算に使用） */
}