/* ============================================================
   マネサロ 公式サイト — Design Tokens v3
   視覚言語: 既存 hp-site/ の生成り×テラコッタ×墨を継承し
   「大手サービスサイト」の情報密度に耐える設計へ拡張
   書体: Shippori Mincho(見出し) + Noto Sans JP(本文)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap');

:root {
  /* ---- ベースカラー (v4 寒色: ロゴ 粉青×セージ に統一) ---- */
  --cream:      #f5f7f6;   /* 清潔なクール地 */
  --cream-2:    #fdfefe;
  --cream-dim:  #e7edec;
  --ink:        #2f3a3d;   /* クール墨 (可読) */
  --ink-2:      #556063;
  --ink-3:      #8b9997;
  --line:       rgba(47, 58, 61, 0.16);
  --line-soft:  rgba(47, 58, 61, 0.09);

  /* ---- 寒色パレット (ロゴ由来) ---- */
  --rose:       #cbdde5;   /* 旧ピンク枠 → 淡い青系に再定義 */
  --rose-bg:    #e6eff2;
  --rose-deep:  #6f97a6;
  --sage:       #b8bdb7;   /* ロゴのグレー */
  --sage-bg:    #e7ecea;
  --sage-deep:  #6d817d;
  --terra:      #47798d;   /* 主アクセント/CTA (ロゴ青の濃色版) */
  --terra-deep: #375e6f;
  --butter:     #c3d3d6;   /* 旧ゴールド → 淡いスチール */
  --blue:       #b0d0df;   /* ロゴのパウダーブルー (面・装飾用) */

  /* ---- ダークパネル (料金・フッター) 寒色スレート ---- */
  --dark:       #2c3a40;
  --dark-2:     #37474e;
  --dark-text:  #eef3f3;
  --dark-dim:   #a9bcc0;
  --dark-line:  rgba(238, 243, 243, 0.16);

  /* ---- 書体 ---- */
  --font-display: "Shippori Mincho", "Hiragino Mincho ProN", serif;
  --font-body:    "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-num:     "Shippori Mincho", "Hiragino Mincho ProN", serif;

  /* ---- タイプスケール ---- */
  --text-xs:    clamp(0.6875rem, 0.66rem + 0.1vw, 0.75rem);
  --text-sm:    clamp(0.8125rem, 0.78rem + 0.15vw, 0.875rem);
  --text-base:  clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
  --text-md:    clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --text-lg:    clamp(1.25rem, 1.1rem + 0.7vw, 1.625rem);
  --text-xl:    clamp(1.5rem, 1.2rem + 1.3vw, 2.25rem);
  --text-2xl:   clamp(2rem, 1.5rem + 2.4vw, 3.25rem);
  --text-hero:  clamp(2.25rem, 1.5rem + 3.4vw, 3.75rem);
  --text-price: clamp(3rem, 2rem + 5vw, 5.5rem);

  /* ---- 余白 ---- */
  --space-section: clamp(5rem, 3.5rem + 7vw, 10rem);
  --space-block:   clamp(2.5rem, 2rem + 2.5vw, 4.5rem);
  --gutter:        clamp(1.25rem, 4vw, 3rem);
  --max-w:         76rem;
  --max-w-text:    42rem;

  /* ---- 動き ---- */
  --duration-fast: 180ms;
  --duration:      360ms;
  --duration-slow: 720ms;
  --ease-out:      cubic-bezier(0.22, 1, 0.36, 1);
  --ease-bounce:   cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ---- その他 ---- */
  --radius:       10px;
  --radius-lg:    20px;
  --radius-xl:    32px;
  --shadow-card:  0 2px 4px rgba(47,58,61,.05), 0 14px 44px -18px rgba(47,58,61,.20);
  --shadow-float: 0 3px 8px rgba(47,58,61,.06), 0 30px 70px -26px rgba(71,121,141,.30);
  --shadow-sm:    0 1px 3px rgba(47,58,61,.09);
}