/* ============================================================
   0021 韓国肌管理室 — デザイントークン正本 (v3)
   参考パレット: face-dot.com/lp05_02 系（白×スレート×ダスティコーラル）
   LP / 予約サイト / 管理画面 すべてがこのファイルを最初に読み込む。
   ============================================================ */

:root{
  /* ---- base surfaces ---- */
  --paper:#ffffff;
  --cream:#fcfbfa;            /* わずかに温かい紙白（bodyの地） */
  --mist:#eef0f4;             /* 淡クールグレー（セクション地） */
  --lav:#f1edf4;              /* 淡ラベンダー（カード地・帯） */
  --greige:#e6d4cf;           /* ヒーロー系の温グレージュ */
  --greige-deep:#c2978b;
  --slate-dark:#2f4049;       /* ダークセクション（黒は使わない） */

  /* ---- ink（墨はスレートブルーグレー） ---- */
  --ink:#3d5560;              /* 本文 7.9:1 */
  --ink-mid:#4c6971;          /* 見出し 5.9:1 */
  --ink-soft:#5f747e;         /* 補足 4.9:1 */
  --ink-faint:#8fa0a8;        /* 装飾ラベルのみ */

  /* ---- accents ---- */
  --coral:#d57f74;            /* ダスティコーラル（装飾・アクセント） */
  --coral-soft:#ebaca0;
  --coral-deep:#b25a49;       /* CTA・リンク・選択 4.7:1 */
  --coral-hover:#a04f3f;
  --purple:#a57cb5;
  --purple-deep:#9e7bbd;
  --grad-price:linear-gradient(100deg,#9e7bbd,#c96a5a);

  /* ---- lines / shadows ---- */
  --line:rgba(76,105,113,.16);
  --line-soft:rgba(76,105,113,.10);
  --shadow:0 14px 40px -20px rgba(76,105,113,.28);
  --shadow-soft:0 8px 24px -14px rgba(76,105,113,.20);
  --focus-ring:0 0 0 3px rgba(213,127,116,.40);

  /* ---- states ---- */
  --danger:#a94d4d;
  --danger-soft:#f6e7e5;
  --ok:#4d7d6f;
  --surface:#f2f3f5;          /* 管理画面の地 */

  /* ---- type ---- */
  --sans:"Noto Sans JP",-apple-system,BlinkMacSystemFont,sans-serif;
  --num:"Inter","Noto Sans JP",sans-serif;
  --display:"Cormorant Garamond",serif;   /* 「0021」ワードマーク限定 */

  /* ---- geometry / motion ---- */
  --r:20px;
  --maxw:1180px;
  --sec-pad:clamp(88px,12vw,140px);
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.23,1,.32,1);

  /* ============================================================
     旧トークン名エイリアス（test/ 予約システムCSSの互換用）
     ※新規コードでは上の新名を使うこと
     ============================================================ */
  --pink:var(--coral);
  --pink-deep:var(--coral-deep);
  --pink-deep-hover:var(--coral-hover);
  --rose:var(--coral-soft);
  --blush:#f6ece9;            /* 選択状態の淡地（コーラル味） */
  --blush-2:#faf5f3;
  --champagne:#b98a5e;        /* 土曜・残少・星（装飾） */
  --champ-soft:#e3cdbc;
  --white:#ffffff;
  --serif:var(--sans);        /* 旧serif見出し→サンセリフへ寄せる */
}