/* ==========================================================
   TOKENS — the one place colours, paper size and timings are declared
   Every other stylesheet reads from these. Change the book's palette here.
   ========================================================== */

:root{
  --desk-dark:#100905;
  --desk:#2c1c0e;
  --leather:#2e1f16;
  --leather-edge:#4a3320;
  --paper:#e9dcbd;
  --paper-deep:#d9c79f;
  --ink:#2b2116;
  --ink-faint:#5d4c35;
  --brass:#9c7c3c;
  --rubric:#7a2f1d; /* oxblood red used in medieval rubrication */
  /* the candle's fire. Desk furniture, never used on a page — the book's
     own palette above stops at brass. --flame-core is a pale gold rather
     than white: nothing here is pure white, not even a flame's hottest part. */
  --flame-core:#ffe6a8;
  --flame:#ff9c33;
  --flame-deep:#c9541a;
  --page-w: min(46vw, calc((100vh - 96px) / 1.32), 1200px);
  --page-w: min(46vw, calc((100dvh - 96px) / 1.32), 1200px);
  --page-h: calc(var(--page-w) * 1.32);
  --turn-ms: 900ms;
  /* the custom pointer: an arrow silhouette (assets/svg/cursor*.svg), onyx
     for the ordinary cursor and oxblood for anything clickable, so hovering
     a folio or button reads as an affordance shift rather than the OS's
     generic hand. Hotspot 2 2 sits at the drawn tip in both files. Each
     ends with a real fallback keyword (auto / pointer) for the rare
     browser that won't load an SVG cursor. */
  --cursor: url('../assets/svg/cursor.svg') 2 2, auto;
  --cursor-point: url('../assets/svg/cursor-point.svg') 2 2, pointer;
}

/* Fullscreen (js/fullscreen.js) hides the title AND the candle (base.css),
   so neither the 96px of title headroom nor the ~8vw of candle gutter the
   normal formula reserves is needed — reclaimed here so the book actually
   grows to fill the screen instead of just recentring at its old size. The
   1200px hard cap is raised too: fullscreen is a deliberate "give the book
   the whole screen" request, not a normal window a reader might also be
   reading email in. 49vw (not 50) and 16px (not 0) leave a sliver of desk
   on every edge on purpose — a book with literally nothing around it reads
   as a rendering bug, not a book. */
body.fs-mode{
  --page-w: min(49vw, calc((100dvh - 16px) / 1.32), 2000px);
}