:root {
  /* ===== カラー ===== */
  --color-primary:      #3b5c3f;
  --color-primary-dark: #2a5933;
  --color-text-dark:    #2a2825;
  --color-text-mid:     #5a5750;
  --color-text-light:   #9a9690;
  --color-bg-cream:     #faf8f4;
  --color-border:       #e0dbd3;
  --color-border-light: #ece9e3;
  --color-white:        #ffffff;
  --color-required:     #f56b6b;  /* フォーム必須バッジ色 */
  --color-link:         #007aff;  /* 外部リンク色（Figma指定・青） */
  --color-placeholder:  #ddd9d3;  /* フォーム入力プレースホルダー色 */
  --color-focus:        #55ccff;  /* フォーム入力フォーカス色 */
  --color-disabled:     #999999;  /* ボタン無効状態 */
  --color-error:        #ff0000;  /* フォームエラーメッセージ色 */
  --color-mv-promo-bg:  #e8f0e9;
  --color-mv-promo-border: #c5deca;

  /* ===== カテゴリカラー（ロケーションセクション） ===== */
  --color-cat-education: #0096d7;
  --color-cat-public:    #163691;
  --color-cat-medical:   #009b6b;
  --color-cat-gourmet:   #e50c57;
  --color-cat-nature:    #81b93a;
  --color-cat-shopping:  #910782;
  --color-cat-finance:   #eb751c;

  /* ===== フォント ===== */
  --font-serif-jp:    'Noto Serif JP', serif;
  --font-sans-jp:     'Noto Sans JP', sans-serif;
  --font-display-en:  'Cormorant Garamond', serif;
  --font-number:      'Anton', sans-serif;

  /* ===== 余白 ===== */
  --space-xs:   8px;
  --space-sm:   16px;
  --space-md:   32px;
  --space-lg:   64px;
  --space-xl:   88px;

  /* ===== コンテナ幅 ===== */
  --container-outer: 1440px;    /* PC外側最大幅（Figma基準幅） */
  --container-pc:    1160px;    /* PCコンテンツ幅 */
  --sp-padding:      5%;        /* SP左右余白 */

  /* ===== ヘッダー高さ ===== */
  --header-height-pc: 58px;
  --header-height-sp: 40px;
}