/* A Shared Palate — the theme: the press engine's tokens, set to this book's look.
   BakedIn canon tokens (bakedin-app/docs/aesthetic-canon.md): gold on near-black for the BOOK and the NAV BAR only;
   the room around the book is a bright cream counter with soft colour blooms (Glen, 2026-10-24). */
:root{
  --table:#0A0E10; --table-hi:#111A1C; --linen:#E7F2F0;
  --paper:#111A1C; --paper-2:#162125; --ink:#E7F2F0; --mut:rgba(231,242,240,.64); --rule:rgba(236,201,116,.2);
  --cloth:#0B0F11; --cloth-hi:#1A2326; --foil:#ECC974; --champagne:#F4DD9A;
  --sage:#ECC974; --butter:#F4DD9A; --berry:#ECC974; --cocoa:#F4DD9A; --amber:#FFC857;
  --accent:var(--sage); --accent-2:var(--butter); --accent-3:var(--berry);
  --glow:0 0 24px rgba(236,201,116,.38);
  --foil-glow:rgba(236,201,116,.4); --foil-glow-2:rgba(236,201,116,.35);
  --cover-frame:rgba(236,201,116,.55); --cover-sheen:rgba(236,201,116,.07);
  --endpaper:#0D1315; --endpaper-dot:rgba(236,201,116,.14); --endpaper-dot-2:rgba(236,201,116,.08);
  --edge-1:#2a3236; --edge-2:#20282b; --edge-3:#8f7a45; --back-url:rgba(244,221,154,.8);
  --room-ink:#3a2a1e; --hot:#9c4a6b;
  --room-bg:
    radial-gradient(circle at 12% 18%,rgba(255,200,87,.35),transparent 28%),
    radial-gradient(circle at 88% 22%,rgba(242,140,160,.28),transparent 26%),
    radial-gradient(circle at 80% 85%,rgba(120,190,170,.28),transparent 30%),
    radial-gradient(circle at 15% 88%,rgba(150,170,240,.22),transparent 28%),
    radial-gradient(rgba(58,42,30,.07) 1.2px,transparent 1.3px) 0 0/22px 22px,
    #fdf3e1;
  --nav-bg:#0A0E10; --nav-line:rgba(236,201,116,.35); --nav-fg:rgba(239,228,208,.72); --nav-hi:#ECC974;
  --turn-ink:#3a2a1e; --turn-bg:#fff; --turn-hi:#fff6dc;
  --btn-bg:#0A0E10; --btn-fg:#ECC974; --btn-line:#ECC974; --btn-hi:#161d20;
  --display:"Fraunces",Georgia,serif; --hand:"Caveat","Segoe Print",cursive; --sans:"Inter",-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* the mark: the pan (tools/studio, D-14) in gold on the black nav, the name beside it in bold (D-17) */
.mark{display:inline-flex;align-items:center;gap:14px;font-weight:700;font-size:24px}
.mark-img{height:64px;width:auto;display:block;margin:-10px 0}
@media (max-width:899px){.mark-img{height:48px;margin:-6px 0}.mark{font-size:18px;gap:10px}}