/* ============================================
   シンデレラ＆ダヴィンチクリニック 共通カラー変数
============================================ */
:root {
  /* 1. 基本のテキスト・背景色 */
  --color-text-base: #333;       /* 基本の文字色 */
  --color-white: #fff;           /* 白背景・白文字 */

  /* 2. メインカラー（ブランドを象徴するゴールド・ブラウン・ベージュ系） */
  --color-brand-main: #c4a983;   /* タイトル装飾 */
  --color-brand-dark: #907852;   /* タイトル・テキスト・メニューの背景 */
  --color-brand-light: #e5dbc6;  /* 施術の流れ・注意事項テーブル */
  --color-brand-pale: #F6F3EE;   /* 帯状タイトル・「こんな方におすすめ」エリア・背景付きボックス・比較表のセル・各セクションの背景 */
  --color-deco-border: #c9c3b9;  /* 装飾枠線 */

  /* 3. UIパーツ */
  --color-gray: #ededed;     /* 症例ボタン・症例の注釈 */
  --color-link-btn: #A6906B;     /* リンクボタン */
  --color-link-hover: #dcd4c6;   /* リンクホバー */
  --color-toc-border: #B59A65;   /* 目次の枠線 */
  --shadow-link-btn: 0 2px 5px 0 rgb(0 0 0 / 10%); /* リンクボタン・バナー専用シャドウ */

  /* 4. アクセントカラー（強調・注意喚起用） */
  --color-price: #eb7676;        /* 料金 */
  --color-marker: #E7F5F9;       /* マーカー（水色系） */

  /* 5. フォント（タイポグラフィ） */
  --font-family-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif;
}