/* ねぐら — generated from tokens.json */
/* デザインシステム「ねぐら」(https://claude.ai/artifact/3Skcp9zVjf63GUVrjAWzwW) の tokens.json から書き出したもの。
   値を変えるときはデザインシステム側を直してから、ここを書き出し直す（手で値を足さない）。 */
:root, [data-theme="dark"] {
  --stage: #0e0c0b;
  --surface: #171412;
  --scrim: rgba(14,12,11,0.45);
  --scrim-strong: rgba(14,12,11,0.78);
  --scrim-edge: rgba(14,12,11,0.94);
  --ink: #f3ece2;
  --ink-body: rgba(243,236,226,0.88);
  --ink-muted: rgba(243,236,226,0.75);
  --line-soft: rgba(243,236,226,0.12);
  --line: rgba(243,236,226,0.3);
  --line-strong: rgba(243,236,226,0.5);
  --line-active: rgba(243,236,226,0.85);
  --accent: #b3402c;
  --on-accent: #fff8ee;
  --washi: #f4efe4;
  --focus: var(--ink);
  --shadow-panel: 0 24px 60px rgba(0,0,0,0.5);
}
:root {
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-56: 56px;
  --space-88: 88px;
  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 16px;
  --radius-pill: 999px;
  --radius-ellipse: 50%;
  --font-mincho: "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-sans: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, sans-serif;
  --font-latin: "Bodoni Moda", "Bodoni 72", Didot, serif;
  --font-yuji: "Yuji Syuku", "Zen Old Mincho", serif;
}
.wordmark { font-family: var(--font-mincho); font-size: 22px; line-height: 1; font-weight: 900; letter-spacing: 0.14em; }
.wordmark-latin { font-family: var(--font-latin); font-size: 11px; line-height: 1; font-weight: 600; letter-spacing: 0.38em; }
.catch { font-family: var(--font-mincho); font-size: 40px; line-height: 1.45; font-weight: 700; letter-spacing: 0.06em; }
.stage-title { font-family: var(--font-mincho); font-size: 64px; line-height: 1.2; font-weight: 900; letter-spacing: 0.06em; }
.stage-sub { font-family: var(--font-mincho); font-size: 22px; line-height: 1.6; font-weight: 700; letter-spacing: 0.08em; }
.heading { font-family: var(--font-mincho); font-size: 32px; line-height: 1.3; font-weight: 900; letter-spacing: 0.08em; }
.vacancy { font-family: var(--font-mincho); font-size: 28px; line-height: 1.3; font-weight: 900; letter-spacing: 0.3em; }
.vacancy-s { font-family: var(--font-mincho); font-size: 14px; line-height: 1.3; font-weight: 900; letter-spacing: 0.3em; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 2; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 13px; line-height: 1.7; font-weight: 400; }
.nav-link { font-family: var(--font-sans); font-size: 13px; line-height: 1.7; font-weight: 400; letter-spacing: 0.14em; }
.eyebrow { font-family: var(--font-sans); font-size: 12px; line-height: 1.4; font-weight: 400; letter-spacing: 0.24em; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 1.7; font-weight: 400; letter-spacing: 0.08em; }
.button-play { font-family: var(--font-sans); font-size: 16px; line-height: 1; font-weight: 700; letter-spacing: 0.14em; }
.button-quiet { font-family: var(--font-sans); font-size: 14px; line-height: 1; font-weight: 400; letter-spacing: 0.12em; }
.label { font-family: var(--font-latin); font-size: 11px; line-height: 1.4; font-weight: 600; letter-spacing: 0.3em; }
.label-lg { font-family: var(--font-latin); font-size: 12px; line-height: 1.4; font-weight: 600; letter-spacing: 0.3em; }
.sound { font-family: var(--font-latin); font-size: 13px; line-height: 1; font-weight: 600; letter-spacing: 0.14em; }
.game-title { font-family: var(--font-yuji); font-size: 26px; line-height: 1.3; font-weight: 400; }
.game-title-s { font-family: var(--font-yuji); font-size: 19px; line-height: 1.3; font-weight: 400; }