/*
 * theme.css — 整体院パック カラープリセット
 *
 * 役割：variables.css のデフォルト値を整体院向けに上書きする
 * タイミング：variables.css の直後・style.css より前に読み込む
 *
 * 整体院の印象設計：
 *   清潔感 / 安心感 / 温かみ / プロフェッショナル
 *   → 深緑（信頼・自然）× アンバー（温もり）× オフホワイト（清潔）
 *
 * 他業態への参考：
 *   飲食店  → --color-primary: #B5451B（テラコッタ）× --color-accent: #F7C948（イエロー）
 *   美容系  → --color-primary: #7A5C7A（モーブパープル）× --color-accent: #E8C9B0（ベージュ）
 */

:root {
  /* ── メインカラー：深緑（信頼・自然・癒し） ── */
  --color-primary:     #2E6B4F;
  --color-primary-dk:  #1f4f39;

  /* ── アクセント：アンバー（温もり・親しみやすさ） ── */
  --color-accent:      #E8963A;
  --color-accent-dk:   #c97b28;

  /* ── 背景・サーフェス：清潔感のあるオフホワイト ── */
  --color-bg:          #FAFAF8;
  --color-bg-alt:      #F2F0EC;
  --color-surface:     #FFFFFF;

  /* ── テキスト ── */
  --color-text:        #1A1A1A;
  --color-text-sub:    #636058;

  /* ── ボーダー ── */
  --color-border:      #E2DED8;

  /* ── フォント：読みやすさ・安心感重視 ── */
  --font-ja:           "Noto Sans JP", sans-serif;
  --font-weight-head:  700;

  /* ── シェイプ：角丸を少し大きく（柔らかさ） ── */
  --radius-card:       10px;
  --radius-btn:        6px;
}