/* theme-salon.css — サロン・個人店向け「あたたかい系」テーマ（更紗空木さま デモ用に新設・2026-09-20）。
   使い方: tokens.css → base.css → sections.css の後に読み込む（トークンの上書きのみ。構造・クラスは触らない）。
   系統: 深いモーヴ（葡萄色）× 焦茶のアクセント × 生成りの面。現行サイトの木目・くすみピンクの雰囲気を引き継ぐ。
   組織のブランド色は使わない（クライアント納品用の中立資産）。
   コントラスト（WCAG 2.2 AA・計算値 2026-09-20）:
     白文字 on primary 9.67:1 / 白文字 on accent 6.70:1
     本文 on 白 15.51:1 / on surface 14.34:1 / on surface-2 13.10:1
     補足 on 白 7.06:1 / on surface 6.53:1 / on surface-2 5.96:1
     accent文字 on 白 6.70:1 / primary文字 on 白 9.67:1 / secondary on 白 7.55:1
     フッター文字 on primary 8.14:1 / 同 muted 6.71:1 */

:root {
  --color-primary: #5E3A47;
  --color-primary-hover: #4B2D38;
  --color-secondary: #6E4A57;
  --color-accent: #8C4A2E;
  --color-accent-hover: #743B23;

  --color-bg: #FFFFFF;
  --color-surface: #FAF5F3;
  --color-surface-2: #F3EAE7;
  --color-text: #2A2225;
  --color-text-muted: #665458;
  --color-border: #E6D9D6;

  --color-footer-text: #F3E9EC;
  --color-footer-muted: #E3D3D8;

  /* 柔らかさは角丸で */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
}