/* ===================================================================
   Design Tokens — ケッヒャート × PACE
   Palette inspired by rouvenat.com / koechert.com
   White ground · Black type · Beige + Dusty green accents
   =================================================================== */

:root {
  /* ───────── Backgrounds ───────── */
  --paper: #FFFFFF;             /* main: pure white */
  --cream: #FFFFFF;             /* alias kept for compatibility */
  --cream-deep: #F2EDE3;        /* warm beige panel */
  --ivory: #FAFAF7;             /* very subtle off-white card */

  /* ───────── Text ───────── */
  --ink: #0F0F0F;               /* near black */
  --ink-soft: #2A2A2A;
  --ink-muted: #6B6B6B;
  --ink-faint: #B0B0AE;

  /* ───────── Accent 1: Beige (replaces gold) ───────── */
  --gold: #A89478;              /* warm beige — main accent */
  --gold-light: #C9B89A;        /* light beige */
  --gold-deep: #7A6B4D;         /* deeper beige (borders, hover) */

  /* ───────── Accent 2: Dusty Green / Sage (replaces burgundy) ───────── */
  --burgundy: #7E8A7C;          /* sage — italic emphasis, hover */
  --sage: #7E8A7C;              /* explicit alias */
  --sage-deep: #5C6759;
  --sage-light: #A8B0A2;

  /* ───────── Rules / dividers ───────── */
  --rule: rgba(168, 148, 120, 0.20);
  --rule-strong: rgba(168, 148, 120, 0.45);

  /* ───────── PACE corporate palette (header/footer only) ─────────
     pace.co.jp 既存ページと同パターンを踏襲。
     ヘッダー:肉球マークのみゴールド / フッター:ダークネイビー+ゴールド */
  --pace-gold: #B8941F;
  --pace-gold-light: #D4B94E;
  --pace-navy: #0F1C29;
  --pace-navy-mid: #1A2A3A;
  --pace-warm-white: #F7F4EF;

  /* ───────── Köchert brand palette ─────────
     koechert.com 抽出の dark teal-green。CTA ボタン・ロゴ着色用。 */
  --koechert-green: #3c4e56;       /* メイン：CTAボタン・ロゴ */
  --koechert-green-deep: #28303d;  /* 深い陰影：ホバー・小文字 */

  /* ───────── Typography ───────── */
  --font-display: "Cormorant Garamond", "Shippori Mincho B1", serif;
  --font-body-en: "Lora", "Noto Serif JP", serif;
  --font-body-jp: "Shippori Mincho B1", "Noto Serif JP", "Yu Mincho", "游明朝", serif;
  --font-jp-soft: "Noto Serif JP", "Shippori Mincho B1", serif;

  /* ───────── Layout ───────── */
  --max-w: 1280px;
  --max-w-narrow: 880px;
  --gutter: clamp(20px, 5vw, 64px);
  --section-pad: clamp(80px, 12vw, 180px);

  /* ───────── Motion ───────── */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
}