/* ============================================================
   and eXRA v3 — renova完全再現トークン
   数値の出典＝shop.renova-s.com 実測（2026-08-03 getComputedStyle）
   色・書体・余白・動きは全部ここ。他ファイルに数値を書かない。
   ============================================================ */
:root {
  /* --- 色（骨格はrenova実測。客要望「高級感・女性向け」2026-08-03でロゼ寄りに調整） --- */
  --c-bg:    #000000;              /* 背景＝黒（高級感の土台） */
  --c-text:  #FFFFFF;              /* 本文＝白 */
  --c-gold:  #E2C0AC;              /* シャンパンローズゴールド（renova金#D6B788を女性向けに調整） */
  --c-khaki: #8E7470;              /* ロゼモーヴ帯（renovaカーキ#7D765Eを女性向けに調整） */
  --c-rose:  #EDD3CC;              /* ローズ（サブタイトル・補足の差し色） */

  /* 派生（5色から自動計算） */
  --c-text-soft: color-mix(in srgb, var(--c-text) 78%, transparent);
  --c-text-dim:  color-mix(in srgb, var(--c-text) 55%, transparent);
  --c-line:      color-mix(in srgb, var(--c-text) 26%, transparent);   /* 罫線 */
  --c-line-gold: color-mix(in srgb, var(--c-gold) 70%, transparent);

  /* --- 発光（renovaの"質感"の核） --- */
  --glow-white: 0 0 15px rgba(255,255,255,.6);   /* タイトルの白ぼかし発光 */
  --glow-dark:  0 0 15px rgba(0,0,0,.6);          /* FV文字の黒シャドウ */

  /* --- 書体（renova＝游明朝・本文まで明朝） --- */
  --font-serif: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  --font-en:    "Cormorant Garamond", "Yu Mincho", serif;
  --fw-normal: 400;
  --fw-title:  500;                /* 32px級の大タイトルのみ */

  /* --- 文字サイズ（PC実測） --- */
  --fs-h1:       40px;   /* FV見出し */
  --fs-title-lg: 32px;   /* TECHNOLOGY等の金タイトル */
  --fs-title:    24px;   /* REVIEW/MESSAGE級 */
  --fs-row:      20px;   /* NEWS行タイトル */
  --fs-h3:       18px;
  --fs-body:     16px;
  --fs-small:    13px;

  /* --- 字間・行間（renova＝一律0.6px / 本文1.8） --- */
  --ls: 0.6px;
  --lh-body: 1.8;
  --lh-h1:   1.3;
  --lh-title: 1.3;

  /* --- 余白（renova実測 120px 40px） --- */
  --space-section: 120px;
  --space-side:    40px;
  --width-main:  1200px;
  --width-video:  900px;
  --width-tech:  1000px;

  /* --- ボタン（透明・0.8px枠・角ゼロ） --- */
  --btn-border: 0.8px;
  --btn-radius: 0;
  --btn-fs: 18px;
  --btn-pad: 14px 44px;

  /* --- ヘッダー --- */
  --header-h: 100px;

  /* --- 動き（renova実測: 80px・1.6s・ease / 下層用 ±200px 1.4s） --- */
  --motion-rise: 80px;
  --motion-duration: 1.6s;
  --motion-ease: ease;

  /* --- FV --- */
  --fv-h: 100svh;
}

/* --- スマホ（renova実測: 750px境界 / pad 50px 20px / タイトル20px / h1 32px） --- */
@media (max-width: 750px) {
  :root {
    --fs-h1:       32px;
    --fs-title-lg: 20px;
    --fs-title:    20px;
    --fs-row:      17px;
    --fs-body:     15px;
    --space-section: 50px;
    --space-side:    20px;
    --btn-fs: 16px;
    --btn-pad: 12px 32px;
    --header-h: 72px;
  }
}