/* PARADISE LOST — トークン
   地はこの1本だけ：紙の白 → 赤紫の闇。差し色は面で使わず、点に置く。 */
:root{
  /* 地 */
  --paper:#EFEAE3;
  /* チケットのボタンのベタ。--c1 そのままだと蛍光が強すぎる。
     暗い文字（#140a11）と合わせて 4.5:1 を満たす明るさに寄せてある */
  --c1-btn:#ED6FA2;
  --paper-ink:#15111B;
  --paper-rule:rgba(21,17,27,.16);
  --paper-soft:rgba(21,17,27,.70);

  --ink:#0C0812;          /* 闇の基準。純黒は使わない */
  --ink-2:#120A18;
  --ink-deep:#070409;

  --fg:#EDE8E0;
  --fg-soft:rgba(237,232,224,.62);
  /* いちばん静かな文字。.34 だと闇の地に対して 2.7:1 しかなく、
     11〜13pxの注記やラベルが読めなかった。.52 で 4.85:1（小さい文字の基準は4.5:1）。
     静けさは保ったまま、拾い読みできる濃さにしてある */
  --fg-faint:rgba(237,232,224,.52);
  --rule:rgba(237,232,224,.14);
  --rule-strong:rgba(237,232,224,.28);

  /* 光。章ごとに移る */
  --c1:#FF2E88;  --c1-soft:#FF9CC8;
  --c2:#37D6C6;  --c2-soft:#8FF0E6;
  --c3:#D9B25C;  --c3-soft:#EFD9A0;
  --accent:var(--c1);

  /* 書体 */
  /* 欧文はポスターのロゴに合わせたディドー。ポスターの実物は
     Didot 系の極端な高コントラストで、ハイラインのセリフが糸のように細く、
     字幅が狭い。Google Fonts でいちばん近いのが Bodoni Moda の opsz 96・400。
     残る差（縦横比）は、ヒーローだけ縦に伸ばして詰める（--wm-y / --wm-x）。
     和文は骨のある明朝。実務的な文字だけゴシックに逃がす。 */
  --serif:"Bodoni Moda",serif;
  --min:"Shippori Mincho B1","Shippori Mincho",serif;
  --sans:"Zen Kaku Gothic New",system-ui,sans-serif;

  /* 級数 */
  --t-body:clamp(14px,.95vw + 9px,16.5px);
  --t-small:clamp(11.5px,.4vw + 9.5px,13px);
  --t-lead:clamp(17px,1.3vw + 12px,25px);
  --t-h3:clamp(16px,1.1vw + 11px,21px);
  --t-h2:clamp(21px,2.1vw + 13px,38px);
  --t-ch:clamp(26px,3.4vw + 11px,52px);
  /* ヒーローは左に題字、右に人物。題字は人物にぶつからない幅で最大化する。
     縦に伸ばすぶん、背の低い窓では画面の高さでも頭を打たせる */
  --t-display:clamp(40px, min(9.7vw, 20svh), 152px);
  /* ヒーローだけの縦伸ばし。ポスターの背の高い字面に寄せる。
     横は少しだけ詰める（ステムが細く見え、コントラストがポスターに寄る） */
  --wm-y:1.22;
  --wm-x:.93;

  /* 余白 */
  --pad:clamp(22px,5.5vw,96px);
  --gap:clamp(12px,1.6vw,24px);
  --sec:clamp(72px,11vh,150px);
  --sec-lg:clamp(110px,17vh,230px);
  --maxw:1280px;

  --ease:cubic-bezier(.16,.84,.3,1);
}