/* ============================================================
   マネサロ 公式サイト — 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 {
  /* ---- ベースカラー (既存継承) ---- */
  --cream:      #faf6ef;
  --cream-2:    #fffdf8;
  --cream-dim:  #f0e9dd;
  --ink:        #38332d;
  --ink-2:      #5d574f;
  --ink-3:      #948c80;
  --line:       rgba(56, 51, 45, 0.16);
  --line-soft:  rgba(56, 51, 45, 0.09);

  /* ---- くすみパレット (既存継承) ---- */
  --rose:       #e3bdb3;
  --rose-bg:    #f4e6e0;
  --rose-deep:  #c08577;
  --sage:       #b3c2ab;
  --sage-bg:    #e9eee2;
  --sage-deep:  #6f8468;
  --terra:      #c46f4e;   /* 主アクセント/CTA */
  --terra-deep: #a85a3d;
  --butter:     #e6c98c;
  --blue:       #a9bcc9;

  /* ---- ダークパネル (料金・フッター) ---- */
  --dark:       #3c463b;
  --dark-2:     #475245;
  --dark-text:  #f4f0e5;
  --dark-dim:   #b9bfae;
  --dark-line:  rgba(244, 240, 229, 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(56,51,45,.04), 0 14px 44px -18px rgba(56,51,45,.18);
  --shadow-float: 0 3px 8px rgba(56,51,45,.05), 0 30px 70px -26px rgba(168,90,61,.28);
  --shadow-sm:    0 1px 3px rgba(56,51,45,.08);
}