/* ============================================================
   GLINK ESTATE — Design Tokens
   仕様の正本: design-spec.md / Architecture.md
   - 純黒(#000)・純白(#fff)は使わない
   - アクセントゴールドは2%以下の使用に留める
   - 横最大3カラム / 人物画像なし
   ============================================================ */

:root {
  /* ---------- 色: 背景 ---------- */
  --color-bg-base: #fbfaf8;        /* 主背景 */
  --color-bg-alt: #f7f5f1;         /* セクション差背景 */
  --color-bg-band: #f0ece5;        /* 売却募集帯 (一段濃いベージュ) */
  --color-footer-bg: #1f1f1f;      /* フッター背景 */

  /* ---------- 色: テキスト ---------- */
  --color-text-heading: #2a2724;
  --color-text-body: #6b655d;
  --color-text-muted: #9a958c;
  --color-footer-text: #f0ede7;

  /* ---------- 色: 線・アクセント ---------- */
  --color-line: #e2ddd4;           /* セクション区切り */
  --color-accent: #9c7c3a;         /* くすんだゴールド (極小限) */
  --color-cta-border: #2a2724;     /* CTAの線囲み */

  /* ---------- フォント ---------- */
  /* 和文: 骨格がしっかりした重厚な明朝 (Noto Serif JP より太め) */
  --font-serif-jp: "Shippori Mincho B1", "Yu Mincho", "游明朝", "Hiragino Mincho ProN", serif;
  /* 英文: 石碑風の重厚なセリフ (大文字主体) */
  --font-serif-en: "Cinzel", "Trajan Pro", "EB Garamond", Georgia, serif;
  --font-sans-jp: "Noto Sans JP", "Helvetica Neue", sans-serif;

  /* ---------- タイプスケール ----------
     - rem 単位 (html 16px ベース) で a11y のフォント拡大設定に追従
     - 見出しは clamp() で流体タイポ (SP〜PC で滑らかにスケール)
     - 本文 17px / 行間 1.7 / 和文字間 0.04em をベースに */
  --fs-hero: clamp(2rem, 3vw + 1rem, 3.25rem);          /* 32 - 52 px */
  --fs-h2-en: clamp(1.625rem, 2vw + 1rem, 2.5rem);      /* 26 - 40 px */
  --fs-h2-jp: clamp(1.5rem, 1.5vw + 1rem, 2.125rem);    /* 24 - 34 px */
  --fs-h3: clamp(1.25rem, 0.6vw + 1rem, 1.5rem);        /* 20 - 24 px */
  --fs-body: 1.0625rem;     /* 17 px */
  --fs-body-sp: 1rem;       /* 16 px (SP base) */
  --fs-label: 0.875rem;     /* 14 px */
  --fs-nav: 0.875rem;       /* 14 px */
  --fs-caption: 0.9375rem;  /* 15 px */
  --fs-caption-sp: 0.875rem;/* 14 px (SP) */
  --fs-mini: 0.75rem;       /* 12 px (Before/After 等) */

  /* ---------- スペーシング (8pxベース) ---------- */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-2xl: 96px;
  --space-3xl: 120px;     /* セクション間天地余白 (PC) */
  --space-section-sp: 72px; /* セクション間天地余白 (SP) */

  /* ---------- レイアウト ---------- */
  --content-max: 1200px;
  --content-pad-pc: 40px;
  --content-pad-sp: 24px;
  --col-gap-pc: 32px;
  --col-gap-sp: 20px;
  --header-h-pc: 72px;
  --header-h-sp: 60px;
  --hero-h-pc: 600px;
  --hero-h-sp: 480px;
  --table-label-w-pc: 100px;
  --table-label-w-sp: 90px;

  /* ---------- モーション ---------- */
  --easing: cubic-bezier(.2, .6, .2, 1);
  --dur-fast: 0.2s;
  --dur-base: 0.3s;
  --dur-slow: 0.4s;

  /* ---------- ブレークポイント (参照用、メディアクエリは数値直書き) ---------- */
  --bp-tablet: 1023px;
  --bp-mobile: 767px;
}