/* ==========================================================================
   tokens.css — clinic-pop-ver デザイントークン
   産婦人科向け「やわらかい・怖くない・あたたかい」ポップトーン
   ベースブランドカラー（既存 #b06070 くすみローズ）を土台に、
   明るいコーラル/ピーチ + くすみミント/ソフトブルーへ再解釈。
   ========================================================================== */
:root {
  /* --- ベース（クリーム系オフホワイト） --- */
  --c-cream:        #fff8f3;
  --c-cream-deep:   #fef0e9;
  --c-white:        #ffffff;

  /* --- メイン：コーラルピンク〜ピーチ --- */
  --c-coral:        #f6879a;   /* メインアクセント（#b06070 を明るく） */
  --c-coral-deep:   #e86f86;   /* hover / 濃色 */
  --c-coral-soft:   #ffd9d3;   /* 淡いコーラル面 */
  --c-peach:        #ffcba8;   /* ピーチ */
  --c-peach-soft:   #ffe6d6;

  /* --- サブ：くすみミント / ソフトブルー --- */
  --c-mint:         #9fd7c4;
  --c-mint-soft:    #d9f0e8;
  --c-blue:         #a9cdec;
  --c-blue-soft:    #e2eef8;
  --c-lav:          #d8c8ec;   /* ほんのり差し色 */

  /* --- テキスト：ダークブラウン系（真っ黒回避） --- */
  --c-text:         #4a3a34;
  --c-text-sub:     #7a675f;
  --c-text-muted:   #a99a92;

  /* --- 機能色 --- */
  --c-cta:          var(--c-coral);
  --c-cta-hover:    var(--c-coral-deep);
  --c-line:         #06c755;
  --c-line-hover:   #05b34c;
  --c-warn-bg:      #fff5e6;
  --c-warn-border:  #f6c778;

  /* --- 面・境界 --- */
  --c-bg:           var(--c-cream);
  --c-surface:      var(--c-white);
  --c-border:       #f0dfd6;

  /* --- タイポグラフィ --- */
  --font-heading: 'Zen Maru Gothic', 'M PLUS Rounded 1c', sans-serif;
  --font-body:    'Noto Sans JP', sans-serif;

  /* --- 角丸（大きめ） --- */
  --r-sm:  10px;
  --r-md:  16px;
  --r-lg:  22px;
  --r-xl:  30px;
  --r-pill: 999px;

  /* --- 影（やわらかく淡い） --- */
  --shadow-sm: 0 4px 14px rgba(200, 120, 130, 0.10);
  --shadow-md: 0 10px 30px rgba(200, 120, 130, 0.14);
  --shadow-lg: 0 18px 50px rgba(200, 120, 130, 0.18);

  /* --- レイアウト --- */
  --content-max:    1080px;
  --content-narrow: 760px;
  --header-height:  66px;
  --mobile-bar-height: 64px;
  --section-pad:    88px;
  --section-pad-sp: 52px;

  /* --- モーション --- */
  --ease-soft: cubic-bezier(0.22, 1, 0.36, 1);
}