/* Sheet themes — the font pairings a built sheet can print in (his ask 2026-10-14: "preset
   themes that are good font combos - maybe 5 options"). One theme sets the title, the group
   headings and the prompts; the small labels stay IBM Plex Mono and the red stays the red.

   Loaded by the builder (functions.php) and by the printed sheet (inc/sheet-print.php), so the
   screen and the paper read the same variables. The theme is an attribute on <html>:
   data-sheet-theme="classic" …; no attribute is "Speak Up", the house pairing.
   The keys are mirrored in assets/builder/core.js (SUG.THEMES) and inc/shared.php
   (sug_sheet_themes) — add a theme in all three. Fonts are self-hosted, latin subset. */

@font-face{font-family:'EB Garamond';src:url(../fonts/ebgaramond.woff2) format('woff2');font-weight:400 600;font-display:swap}
@font-face{font-family:'Fraunces';src:url(../fonts/fraunces.woff2) format('woff2');font-weight:400 600;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url(../fonts/instrumentsans.woff2) format('woff2');font-weight:400 600;font-display:swap}
@font-face{font-family:'Courier Prime';src:url(../fonts/courierprime-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Courier Prime';src:url(../fonts/courierprime-700.woff2) format('woff2');font-weight:700;font-display:swap}

/* Speak Up — Gloock over Newsreader, the site's own pair */
:root{
  --st-title:'Gloock',Georgia,serif;--st-title-w:400;--st-title-size:46px;--st-title-ls:0;
  --st-head:'Gloock',Georgia,serif;--st-head-w:400;--st-head-size:30px;--st-head-ls:-.01em;
  --st-prompt:'Newsreader',Georgia,serif;--st-prompt-size:17px;
}
/* Classic — EB Garamond throughout, a book page */
:root[data-sheet-theme="classic"]{
  --st-title:'EB Garamond',Garamond,Georgia,serif;--st-title-w:600;--st-title-size:48px;--st-title-ls:-.01em;
  --st-head:'EB Garamond',Garamond,Georgia,serif;--st-head-w:600;--st-head-size:30px;--st-head-ls:0;
  --st-prompt:'EB Garamond',Garamond,Georgia,serif;--st-prompt-size:18.5px;
}
/* Storybook — Fraunces throughout, soft and warm */
:root[data-sheet-theme="storybook"]{
  --st-title:'Fraunces',Georgia,serif;--st-title-w:600;--st-title-size:44px;--st-title-ls:-.02em;
  --st-head:'Fraunces',Georgia,serif;--st-head-w:600;--st-head-size:28px;--st-head-ls:-.01em;
  --st-prompt:'Fraunces',Georgia,serif;--st-prompt-size:17px;
}
/* Modern — Instrument Sans throughout, clean */
:root[data-sheet-theme="modern"]{
  --st-title:'Instrument Sans',system-ui,sans-serif;--st-title-w:600;--st-title-size:42px;--st-title-ls:-.025em;
  --st-head:'Instrument Sans',system-ui,sans-serif;--st-head-w:600;--st-head-size:25px;--st-head-ls:-.015em;
  --st-prompt:'Instrument Sans',system-ui,sans-serif;--st-prompt-size:16.5px;
}
/* Typewriter — Courier Prime, bold over regular */
:root[data-sheet-theme="typewriter"]{
  --st-title:'Courier Prime','Courier New',monospace;--st-title-w:700;--st-title-size:38px;--st-title-ls:-.01em;
  --st-head:'Courier Prime','Courier New',monospace;--st-head-w:700;--st-head-size:23px;--st-head-ls:0;
  --st-prompt:'Courier Prime','Courier New',monospace;--st-prompt-size:15.5px;
}

/* Bullets (his ask 2026-10-14): an option beside the theme, not part of one. A red bullet hangs
   in the margin so a wrapped prompt lines up under its own first word; the empty bullet takes
   the same place. Off, the prompts stand as plain lines. */
:root[data-sheet-bullets] .ppl{position:relative;padding-left:1.1em}
:root[data-sheet-bullets] .ppl::before{content:"\2022";position:absolute;left:.15em;top:0;color:#991320}
:root[data-sheet-bullets] .pblank{min-height:1.36em}   /* its bullet hangs, so the empty line keeps a line's height itself (his catch 2026-10-14) */
:root[data-sheet-bullets] .slot.filled .txt::before{content:"\2022";color:var(--red);margin-right:.55em}