/* ============================================================
   variables.css
   ★ クライアントごとにここだけ編集すればOK ★
   カラー・フォント・LINE URLをまとめて管理
============================================================ */

:root {

  /* ----------------------------------------------------------
     ブランドカラー
     アイモスストレッチ整体サロン版：白ベース × モノクロセージグリーン
     グラデーション不使用・単色アクセントで上品にまとめる
  ---------------------------------------------------------- */

  /* ポイントカラー（同系統・モノクロ） */
  --color-grad-start:    #6B9080;   /* セージグリーン（ベース） */
  --color-grad-end:      #4E6E5E;   /* セージグリーン（深） */

  /* グラデーション定義（同系統のみ・実質ほぼ単色） */
  --gradient-primary:    linear-gradient(135deg, #6B9080 0%, #4E6E5E 100%);
  --gradient-primary-h:  linear-gradient(90deg,  #6B9080 0%, #4E6E5E 100%);

  /* 単色アクセント */
  --color-primary:       #6B9080;   /* セージグリーン */
  --color-primary-dark:  #4E6E5E;   /* ホバー時（濃く） */
  --color-primary-light: #8BADA0;   /* ライトアクセント・ボーダー等 */

  /* 背景・テキスト */
  --color-bg:            #FFFFFF;   /* ページ背景：白 */
  --color-bg-alt:        #F7F5F0;   /* セクション背景（交互）ウォームクリーム */
  --color-bg-card:       #F2EFEA;   /* カード背景 */
  --color-text:          #1A1A1A;   /* 本文テキスト：黒 */
  --color-text-muted:    #888888;   /* 補足テキスト */
  --color-border:        #E2DDD5;   /* ボーダー */
  --color-white:         #FFFFFF;
  --color-line:          #06C755;   /* LINE グリーン */

  /* ----------------------------------------------------------
     フォント
     日本語：Noto Sans JP / 英字見出し：Cormorant Garamond
  ---------------------------------------------------------- */
  --font-main:    'Noto Sans JP', 'Hiragino Sans', sans-serif;
  --font-heading: 'Cormorant Garamond', 'Georgia', serif;

  /* ----------------------------------------------------------
     フォントサイズ（rem基準・16px = 1rem）
  ---------------------------------------------------------- */
  --fz-xs:   0.75rem;   /*  12px */
  --fz-sm:   0.875rem;  /*  14px */
  --fz-base: 1rem;      /*  16px */
  --fz-md:   1.125rem;  /*  18px */
  --fz-lg:   1.25rem;   /*  20px */
  --fz-xl:   1.5rem;    /*  24px */
  --fz-2xl:  2rem;      /*  32px */
  --fz-3xl:  2.5rem;    /*  40px */
  --fz-4xl:  3.5rem;    /*  56px */

  /* ----------------------------------------------------------
     スペーシング
  ---------------------------------------------------------- */
  --sp-xs:  0.5rem;    /*  8px */
  --sp-sm:  1rem;      /* 16px */
  --sp-md:  1.5rem;    /* 24px */
  --sp-lg:  2.5rem;    /* 40px */
  --sp-xl:  4rem;      /* 64px */
  --sp-2xl: 6rem;      /* 96px */

  /* ----------------------------------------------------------
     レイアウト
  ---------------------------------------------------------- */
  --container-width: 1100px;
  --container-pad:   clamp(1rem, 5vw, 2.5rem);
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;
  --radius-full: 9999px;

  /* ----------------------------------------------------------
     トランジション
  ---------------------------------------------------------- */
  --transition-fast:   0.15s ease;
  --transition-normal: 0.3s ease;
  --transition-slow:   0.5s ease;

  /* ----------------------------------------------------------
     LINE URL（★ 必ず差し替え ★）
  ---------------------------------------------------------- */
  --line-url: 'https://lin.ee/XXXXXXX';

  /* ----------------------------------------------------------
     ヘッダー高さ（固定追従ボタンのオフセット用）
  ---------------------------------------------------------- */
  --header-h: 64px;
}