/* =============================================================
   STAY LOCAL｜デザイントークン（唯一の出典）
   「# デザイン方針書 — STAY LOCAL」のカラー／フォント／余白を
   CSS カスタムプロパティ化したもの。
   直値ハードコードは禁止。各CSS・各ページはこの変数を参照する。
   全HTMLが style.css より前にこのファイルを読み込む。
   ============================================================= */
:root{
  /* ---------- ブランドカラー（方針書の確定値・多色/原色は禁止） ---------- */
  --c-white   : #FFFFFF;   /* ベース：純白 */
  --c-off     : #F5F2EC;   /* 温かみのオフホワイト（面の切替） */
  --c-char    : #222222;   /* 文字：チャコール（純黒は使わない） */
  --c-dark    : #111111;   /* 反転背景：ほぼ黒（ヒーロー帯・フッター・ローダー） */
  --c-greige  : #B8AE9E;   /* アクセント：グレージュ（CTA枠・ホバー。1色に限定） */
  --c-border  : #E4E0D8;   /* 罫線・補助・画像プレースホルダ枠 */

  /* ---------- テキスト補助グレー（濃→淡・無彩） ----------
     方針書「UIは無彩に寄せる」に沿う中間グレー。
     ※現行の見た目を厳密保持するため実値を温存している。
       将来は段数を絞って統合してよい（例：#777→450 / #666→550 に寄せる）。 */
  --c-gray-700: #333333;   /* 濃い補助文字（言語切替の通常表示） */
  --c-gray-600: #555555;   /* 長文本文（規約・プライバシー） */
  --c-gray-550: #666666;   /* 連絡先などの補助文字 */
  --c-gray-500: #777777;   /* 本文補助（やや濃いめ） */
  --c-gray-450: #888888;   /* 本文補助（標準・最も多用） */
  --c-gray-400: #999999;   /* ラベル・最も淡い文字 */
  --c-gray-300: #CCCCCC;   /* 入力プレースホルダ文字 */
  --c-gray-100: #EEEEEE;   /* 極薄罫線（言語切替の枠） */

  /* ---------- 特殊面 ---------- */
  --c-ph      : #D4CFC9;   /* 画像プレースホルダの地色（グレージュ寄り） */
  --c-hero    : #1B1916;   /* ヒーロー暗部のベース色 */
  /* ※反転背景上の文字・罫線は rgba(255,255,255,α) を意図的に使用
     （写真／暗面に重ねる半透明レイヤーのため、トークン化しない） */

  /* ---------- フォント（方針書の指定書体） ---------- */
  --f-serif-ja: 'Noto Serif JP', serif;        /* 和文見出し */
  --f-sans-ja : 'Noto Sans JP', sans-serif;    /* 和文本文・UI */
  --f-serif-en: 'Cormorant Garamond', serif;   /* 欧文見出し */
  --f-sans-en : 'Inter', sans-serif;           /* 欧文本文・UI */

  /* ---------- レイアウト・余白 ---------- */
  --mw  : 1240px;   /* コンテンツ最大幅 */
  --px  : 20px;     /* 左右パディング（SP20px / PC80px） */
  --sec : 64px;     /* セクション間（SP64px / PC120px） */
  --r   : 3px;      /* 角丸（方針：2〜4px） */
  --hh  : 64px;     /* ヘッダー高（SP64px / PC76px） */
}
@media(min-width:1024px){
  :root{--px:80px;--sec:120px;--hh:76px}
}