/* ==========================================================================
   Variables（承認済みデザイン基礎情報 / 日本の心身を整えるリトリート旅.png実測ベース）
   このプロジェクトのPC基準幅はカンプ実寸の1024px
   ========================================================================== */

:root {
  /* Color */
  --color-bg: #f4f3ef; /* ベース背景（オフホワイト/クリーム） */
  --color-text: #121416; /* メインテキスト（濃いチャコール） */
  --color-dark: #213031; /* ダークセクション背景（フッター・CTA帯） */
  --color-accent: #8d745d; /* アクセント（金茶色） */
  --color-white: #ffffff;

  /* Font */
  --font-mincho: 'Shippori Mincho', serif; /* 和文見出し */
  --font-serif-en: 'Cormorant Garamond', serif; /* 欧文ブランド名・英字サブ */
  --font-sans: 'Noto Sans JP', sans-serif; /* 本文・UI */

  /* Font size（承認済み標準値・SP/PC） */
  --font-size-brand-pc: 3.2rem;
  --font-size-brand-sp: 2.4rem;
  --font-size-catch-pc: 2.2rem;
  --font-size-catch-sp: 1.7rem;
  --font-size-h2-pc: 2.8rem;
  --font-size-h2-sp: 2.2rem;
  --font-size-theme-kanji-pc: 3.6rem;
  --font-size-theme-kanji-sp: 2.8rem;
  --font-size-eyebrow-pc: 1.2rem;
  --font-size-eyebrow-sp: 1.1rem;
  --font-size-base-pc: 1.5rem;
  --font-size-base-sp: 1.4rem;
  --font-size-nav-pc: 1.3rem;

  /* Layout（実測: コンテンツ左右余白 約60px @1024px幅） */
  --container-max: 1024px;
  --container-padding-pc: 6rem;
  --container-padding-sp: 2rem;

  /* Z-index */
  --z-index-header: 100;
}

/* Breakpoint（参照用コメント。@mediaは各ファイルで直書き）
   SP: 〜767px / TAB: 768px〜1023px / PC: 1024px〜 */