/* =====================================================================
   tokens.css  ──  デザイントークン
   案件：株式会社PARAMOUNT（石川県能美市・カーコーティング専門店）
        現サイト改善提案デモ（FV中心）
   世界観：漆黒の高級感（現サイト踏襲）× コーティングのツヤ・鏡面の映り込み
        × シャンパンゴールドの上質感。「触れたくなる、その艶。」
   ===================================================================== */

:root {

  /* --- 色：黒（ニュートラル基調）× ゴールド（アクセント）------------- */
  --c-bg:       #0E0F11;   /* 漆黒（ベース） */
  --c-bg-alt:   #16181C;   /* チャコール（交互面） */
  --c-surface:  #1C2025;   /* カード・パネル面 */
  --c-text:     #E9E8E4;   /* 暗背景の本文（オフ白・純白を避ける） */
  --c-text-dim: #A6A59F;   /* サブ文字・補足 */
  --c-main:     #C8A96A;   /* シャンパンゴールド（アクセント＝ここぞ） */
  --c-main-2:   #E6DABF;   /* 明るい金（見出しハイライト） */
  --c-line:     #2A2F36;   /* 罫線・区切り（暗） */
  --c-on-gold:  #0E0F11;   /* ゴールド地の上に乗せる文字（黒） */

  /* --- 余白スケール（8の倍数）------------------------------------- */
  --sp-1:  8px;
  --sp-2:  16px;
  --sp-3:  24px;
  --sp-4:  32px;
  --sp-6:  48px;
  --sp-8:  64px;
  --sp-12: 96px;
  --sp-16: 128px;

  /* --- 形：角丸ほぼ無し（シャープ＝精密・プロ）・影は深め -------------- */
  --radius:    3px;
  --radius-pill: 999px;
  --shadow:    0 24px 60px rgba(0, 0, 0, .55);
  --shadow-sm: 0 8px 24px rgba(0, 0, 0, .4);

  /* --- フォント：見出し＝端正で力強いゴシック／欧文＝引き締まったJost -- */
  --ff-head: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  --ff-body: "Noto Sans JP", sans-serif;
  --ff-en:   "Jost", sans-serif;

  /* --- 文字サイズ（ヒーロー見出しは大胆に・ジャンプ率大）------------- */
  --fz-h1:    clamp(2.4rem, 6.5vw, 4.4rem);
  --fz-h2:    clamp(1.7rem, 3.6vw, 2.5rem);
  --fz-h3:    clamp(1.15rem, 2vw, 1.4rem);
  --fz-body:  1rem;
  --fz-small: .8125rem;
  --lh-body:  1.85;

  /* --- レイアウト幅 ------------------------------------------------- */
  --container: 1120px;
  --container-narrow: 760px;
}