/* Typography.
   Two voices:
   · NIGHT — Cinzel (display, serif, letterspaced) over JetBrains Mono (everything
     else: body, labels, UI). Mono-as-body is the signature of this brand.
   · VN PAPER — Cormorant Garamond (headings, dialogue) over EB Garamond (UI, labels)
     inside the visual-novel demo player only. */

:root {
  --font-display: Cinzel, "Playfair Display", "Times New Roman", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  --font-serif-vn-display: "Cormorant Garamond", Georgia, serif;
  --font-serif-vn-ui: "EB Garamond", Georgia, serif;
  /* The deck viewer chrome deliberately rides the OS UI stack — it is a tool, not a page. */
  --font-deck-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", sans-serif;

  /* semantic */
  --text-face-display: var(--font-display);
  --text-face-body: var(--font-mono);
  --text-face-ui: var(--font-mono);

  /* ---- Display (Cinzel) — hero and page titles ---- */
  --display-hero-size: clamp(38px, 10.5vw, 148px); /* @kind other */
  --display-hero-weight: 800; /* @kind other */
  --display-hero-lh: 0.94; /* @kind other */
  --display-hero-ls: 0.06em; /* @kind other */

  --display-1-size: clamp(36px, 4.6vw, 58px); /* @kind other */
  --display-1-weight: 700; /* @kind other */
  --display-1-lh: 1.05; /* @kind other */
  --display-1-ls: 0.02em; /* @kind other */

  --display-2-size: clamp(30px, 5vw, 50px); /* @kind other */
  --display-2-weight: 800; /* @kind other */
  --display-2-lh: 1.08; /* @kind other */

  --display-3-size: clamp(24px, 3vw, 32px); /* @kind other */
  --display-3-weight: 600; /* @kind other */
  --display-3-lh: 1.2; /* @kind other */

  --display-4-size: 22px; /* @kind other */
  --display-4-weight: 600; /* @kind other */
  --display-4-lh: 1.3; /* @kind other */

  /* ---- Body (JetBrains Mono) ---- */
  --body-reading-size: 18px; /* @kind other */
  --body-reading-lh: 1.9; /* @kind other */
  --body-reading-ls: 0.005em; /* @kind other */

  --body-size: 13px; /* @kind other */
  --body-lh: 1.9; /* @kind other */
  --body-ls: 0.16em; /* @kind other */

  --body-sm-size: 11px; /* @kind other */
  --body-sm-lh: 1.6; /* @kind other */

  /* ---- Labels / eyebrows — uppercase, wide tracking. The tracking IS the brand. ---- */
  --label-size: 11px; /* @kind other */
  --label-ls: 0.28em; /* @kind other */
  --eyebrow-size: 10px; /* @kind other */
  --eyebrow-ls: 0.32em; /* @kind other */
  --eyebrow-wide-ls: 0.42em; /* @kind other */
  --mark-size: clamp(8px, 1.5vw, 10px); /* @kind other */
  --mark-ls: 0.3em; /* @kind other */
  --status-ls: 0.52em; /* @kind other */

  /* ---- VN paper scale ---- */
  --vn-title-size: 46px; /* @kind other */
  --vn-title-weight: 600; /* @kind other */
  --vn-dialog-size: 18px; /* @kind other */
  --vn-dialog-lh: 1.5; /* @kind other */
  --vn-label-size: 12px; /* @kind other */
  --vn-label-ls: 0.32em; /* @kind other */
  --vn-tech-label-size: 10px; /* @kind other */
  --vn-tech-label-ls: 0.12em; /* @kind other */

  /* ---- Deck scale (1920×1080 stage) ---- */
  --deck-eyebrow-size: 20px; /* @kind other */
  --deck-eyebrow-ls: 0.3em; /* @kind other */
  --deck-title-size: 62px; /* @kind other */
  --deck-lede-size: 26px; /* @kind other */
  --deck-card-label-size: 15px; /* @kind other */
  --deck-card-body-size: 22px; /* @kind other */
  --deck-footer-size: 16px; /* @kind other */
}