/* 女風EX Mockup v0.3 / tokens layer
   Aesthetic: Midnight crimson × women's AV intimacy × video-as-vessel
   v0.2 までは light-base / nocturne accent だったが、クライアントFB
   「おしゃれすぎる / 女性用 AV みたい寄せ」を受けて DARK base にフリップ。
   レッドライン 21 項 + AG-1 追加 11 語は不変。
*/

:root {
  /* ---- DARK base palette (default scope = dark) ---- */
  --bg            : #090504;  /* deep midnight, near-black with a bordeaux undertone */
  --bg-warm       : #130b0a;  /* warmer midnight for sub-sections */
  --bg-card       : #1a0f0e;  /* card surface, slightly raised */
  --bg-elev       : #241514;  /* hover / focused surface */
  --ink           : #f6e6d4;  /* warm cream text */
  --ink-soft      : #d1bda7;
  --ink-mute      : #927f72;

  /* ---- Crimson / bordeaux accent (punched up) ---- */
  --bordeaux      : #b52a3e;
  --bordeaux-deep : #5a101b;
  --crimson       : #df435d;  /* hover / active flush */
  --crimson-soft  : #842432;

  --rose          : #c88988;
  --rose-soft     : #ecc1b9;
  --rose-deep     : #6c4852;
  --gold          : #d0aa70;
  --gold-soft     : #9a7a42;
  --cold-rim      : #8ca1aa;
  --cold-rim-soft : #40515a;
  --lacquer       : #2a1117;

  --hairline      : #30211d;
  --hairline-warm : #433127;
  --hairline-hot  : #57212a; /* crimson-tinged hairline for dark sections */
  --hairline-cold : #314047;

  /* ---- Light pocket palette (限定使用: 18+ モーダル / 拒否バナー / 法務エリア) ---- */
  --bg-light            : #faf7f3;
  --bg-light-warm       : #f0e5d5;
  --ink-on-light        : #1a1410;
  --ink-on-light-mute   : #5a4f47;
  --hairline-light      : #d4c5b3;

  /* ---- Typography (Mincho を主軸に italic Fraunces で艶) ---- */
  --f-display     : "Shippori Mincho", "Hiragino Mincho ProN", "YuMincho", serif;
  --f-title       : "Shippori Mincho B1", "Shippori Mincho", "Hiragino Mincho ProN", "YuMincho", serif;
  --f-display-en  : "Fraunces", "Cormorant Garamond", serif;
  --f-body        : "Zen Kaku Gothic New", "Hiragino Sans", "YuGothic", sans-serif;
  --f-accent-en   : "Cormorant Garamond", "Fraunces", serif;
  --f-cinema-en   : "Italiana", "Cormorant Garamond", "Fraunces", serif;

  /* ---- Layout (少し狭めて密度を上げる) ---- */
  --max           : 1180px;
  --max-wide      : 1320px;

  /* ---- Space scale (やや圧縮) ---- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 22px;
  --s-6: 30px;
  --s-7: 44px;
  --s-8: 64px;
  --s-9: 88px;
  --s-10: 112px;

  /* ---- Atmosphere / FX ---- */
  --grain-opacity     : 0.075;
  --vignette          : 0 0 150px 12px rgba(0,0,0,0.78) inset;
  --vignette-soft     : 0 0 78px 6px rgba(0,0,0,0.52) inset;
  --glow-crimson      : 0 0 38px rgba(223, 67, 93, 0.46);
  --glow-crimson-soft : 0 0 20px rgba(223, 67, 93, 0.25);
  --glow-gold         : 0 0 26px rgba(208, 170, 112, 0.34);
  --glow-cold         : 0 0 26px rgba(140, 161, 170, 0.22);
  --shadow-card       : 0 22px 46px -22px rgba(0,0,0,0.86), 0 1px 0 rgba(255,255,255,0.035) inset;
  --shadow-card-hover : 0 34px 70px -24px rgba(0,0,0,0.92), 0 0 0 1px rgba(223,67,93,0.28), 0 0 34px rgba(90,16,27,0.36);
  --shadow-thumb      : 0 18px 44px -22px rgba(0,0,0,0.96), 0 0 0 1px rgba(140,161,170,0.12);
  --shadow-thumb-hot  : 0 28px 64px -22px rgba(0,0,0,0.96), 0 0 36px rgba(223,67,93,0.22), 0 0 0 1px rgba(208,170,112,0.12);
  --sheen-thumb       : linear-gradient(135deg, rgba(140,161,170,0.24) 0%, transparent 24%, transparent 64%, rgba(208,170,112,0.16) 100%);
  --sheen-lacquer     : linear-gradient(135deg, rgba(255,236,211,0.10), rgba(223,67,93,0.06) 36%, rgba(0,0,0,0.16) 100%);

  /* ---- DEFAULT scope = DARK (v0.2 から逆転) ---- */
  --bg-current        : var(--bg);
  --bg-warm-current   : var(--bg-warm);
  --bg-card-current   : var(--bg-card);
  --ink-current       : var(--ink);
  --ink-soft-current  : var(--ink-soft);
  --ink-mute-current  : var(--ink-mute);
  --hairline-current  : var(--hairline);
}

[data-bg-mode="dark"] {
  --bg-current       : var(--bg);
  --bg-warm-current  : var(--bg-warm);
  --bg-card-current  : var(--bg-card);
  --ink-current      : var(--ink);
  --ink-soft-current : var(--ink-soft);
  --ink-mute-current : var(--ink-mute);
  --hairline-current : var(--hairline);
}

[data-bg-mode="light"] {
  --bg-current       : var(--bg);
  --bg-warm-current  : var(--bg-warm);
  --bg-card-current  : var(--bg-card);
  --ink-current      : var(--ink);
  --ink-soft-current : var(--ink-soft);
  --ink-mute-current : var(--ink-mute);
  --hairline-current : var(--hairline);
}

/* ---- v0.2 旧変数名の後方互換 alias (style.css 内のハードコード参照を生かす) ---- */
:root {
  --bg-dark            : var(--bg);
  --bg-dark-warm       : var(--bg-warm);
  --ink-on-dark        : var(--ink);
  --ink-on-dark-mute   : var(--ink-soft);
  --hairline-dark      : var(--hairline);
}