/* =====================================================================
   tokens.css ── FROM NOW（レンタルサロン）ブランド版
   公式ロゴ準拠：スレートブルー #445967 × 温かいアイボリー／明朝・Cormorant。
   上品・落ち着き・北欧/間接照明の世界観。色3系統60:30:10／フォント3種。
   ===================================================================== */
:root {
  --c-bg:        #F6F4EF;  /* 温かいアイボリー：背景60% */
  --c-text:      #2C333A;  /* 本文：ダークスレートチャコール（AA） */
  --c-main:      #445967;  /* ブランドのスレートブルー（ロゴ色）：CTA/帯/バッジの“面”30% */
  --c-main-dark: #2E3A44;  /* 濃色：見出し・フッター地 */
  --c-on-main:   #FBFAF7;  /* --c-main の面に乗せる文字（アイボリーホワイト） */
  --c-accent:    #A9B6BE;  /* 装飾：ライトスレート（罫・マーク）10% */
  --c-accent-dk: #3F5360;  /* 文字アクセント：リンク・ラベル・番号（アイボリー上でAA） */
  --c-accent-dk2:#34454F;  /* hover一段濃い */
  --c-line:      #E5E2D9;  /* 罫線：淡いグレージュ */
  --c-bg-card:   #FFFFFF;
  --c-bg-soft:   #ECEAE2;  /* やわらかい面（交互セクション・チップ） */
  --c-text-sub:  #595F67;
  --c-line-btn:    #04A04A; /* LINE公式グリーン（両版とも維持） */
  --c-line-btn-dk: #048A3E;
  --sp-1: 8px;  --sp-2: 16px; --sp-3: 24px; --sp-4: 32px;
  --sp-6: 48px; --sp-8: 64px; --sp-12: 96px;
  --radius: 8px;
  --shadow: 0 6px 22px rgba(44,57,67,.10);
  /* フォント：見出し=明朝／本文=角ゴ／欧文=Cormorant（ロゴのセリフに呼応） */
  --ff-head: "Shippori Mincho", "Zen Old Mincho", serif;
  --ff-body: "Zen Kaku Gothic New", system-ui, sans-serif;
  --ff-en:   "Cormorant Garamond", "Shippori Mincho", serif;
  --fz-h1:   clamp(2.1rem, 6.4vw, 3.5rem);
  --fz-h2:   clamp(1.6rem, 3.8vw, 2.35rem);
  --fz-body: 1rem;
  --lh-body: 1.85;
  --container: 1100px;
}