/* SITE 54 EDITORIAL MOSAIC — design tokens
   キャバクラ / 非対称モザイク / 明（白黒＋バーガンディ少量）/ display=Anton
   角丸0・罫線最小限・写真が主役。既存 01-50 と重複しない世界観。 */
:root{
  /* --- palette --- */
  --paper:#ffffff;        /* 主背景・白 */
  --paper-2:#f4f4f2;      /* わずかに沈めた面 */
  --ink:#111111;          /* 主文字・黒 */
  --ink-2:#2a2a2a;        /* 本文2次 */
  --muted:#5c5c5c;        /* 注釈・メタ（白地4.5:1以上） */
  --gray:#6f6f6f;         /* 装飾ラベル用（14px以上限定） */
  --line:#111111;         /* 罫線＝黒（最小限に使う） */
  --hair:#dcdcdc;         /* 極薄の仕切り */
  --burg:#7c2434;         /* アクセント・バーガンディ（少量） */
  --burg-ink:#5f1a27;     /* バーガンディ濃（hover） */
  --on-ink:#ffffff;       /* 黒地の文字 */

  /* --- type --- */
  --f-display:"Anton",'Arial Narrow',sans-serif;   /* 大見出し専用（新規・重複なし） */
  --f-body:"Noto Sans JP",system-ui,sans-serif;    /* 和文本文 */
  --f-mono:"IBM Plex Mono",ui-monospace,monospace; /* 号数・日付・時刻・料金の補助 */

  /* 本文16px以上・注釈14px以上（design-guide.md） */
  --fs-body:1rem;          /* 16px */
  --fs-lead:1.125rem;      /* 18px 導入本文 */
  --fs-meta:0.875rem;      /* 14px 注釈下限 */
  --fs-nav:0.9375rem;      /* 15px ナビ */
  --fs-label:0.8125rem;    /* 13px 装飾英字ラベルのみ（内容理解に不要な語） */
  --fs-h2:clamp(2rem,6vw,3.75rem);
  --fs-h3:clamp(1.25rem,2.4vw,1.75rem);
  --fs-hero:clamp(3.4rem,15vw,11rem);   /* Anton 巨大見出し */
  --fs-castname:1.0625rem;               /* 17px 一覧キャスト名 */

  /* --- space --- */
  --gap:clamp(10px,1.6vw,20px);          /* モザイクの目地 */
  --pad-x:clamp(18px,5vw,72px);
  --sec-y:clamp(56px,9vw,128px);
  --wrap:1360px;

  /* --- ui --- */
  --cta-h:60px;            /* モバイル固定CTA高（>44px） */
  --header-h:64px;
  --ease:cubic-bezier(.22,1,.36,1);
  --z-header:40;
  --z-cta:45;
  --z-drawer:60;
  --z-modal:70;
}