/*
  デザイントークン定義
  参照: docs/watage-design-brief.md §3, §4, §5
  値は仮hex（ロゴ原データ確定後にスポイトで採取し差し替え）。
  このファイル以外でhexを直書きしないこと。
*/
:root {
  /* --- カラートークン（6色） --- */
  --color-sora: #bfe0f5;   /* ロゴ背景の水色。ページ背景の主色 */
  --color-washi: #fbf8f2;  /* 生成り紙色。カード面・本文エリアの基調（#FFFは使わない） */
  --color-sumi: #2e2a26;   /* 符尾の墨色。本文テキスト */
  --color-hoppe: #f3aab9;  /* 頬のピンク。見学申込CTA専用 */
  --color-fukai: #2b4a5e;  /* 見出し・フッターの深い青灰 */
  --color-kinoko: #c9a876; /* 符尾の艶色。極小面積専用（タグ輪郭・日付下線・罫線アクセント） */

  /* --- 半透明オーバーレイ（写真の上の文字用。fukai由来） --- */
  --overlay-fukai-strong: rgba(43, 74, 94, 0.72);
  --overlay-fukai-soft: rgba(43, 74, 94, 0.4);

  /* --- タイポグラフィ --- */
  --font-heading: "Zen Maru Gothic", sans-serif;
  --font-body: "Zen Kaku Gothic New", sans-serif;

  /* --- 形状 --- */
  --radius: 8px; /* 角丸は1種類・控えめに統一。罫線を主な区切り手段にする */
  --rule: 1px solid var(--color-fukai);
  --rule-accent: 1px solid var(--color-kinoko);

  /* --- 余白スケール --- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;

  /* --- レイアウト --- */
  --content-max-width: 960px;
}