/* storydeck theme: the one stylesheet a new talk restyles.
   Fonts, the colours for each theme, and the hero images. Engine styles are in storydeck.css. */

/* Fonts: change the families here and in the Google Fonts link in index.html */
.sd{--font-display:'Big Shoulders Display','Big Shoulders Display Local','Arial Narrow',sans-serif;--font-body:'Public Sans','Public Sans Local','Helvetica Neue',Arial,sans-serif;--font-mono:'JetBrains Mono','JetBrains Mono Local',Menlo,monospace}

/* Dark theme */
body:has(.sd.dark){background:#0E1116}
.sd.dark{--bg:#0E1116;--surface:#161B22;--surface-2:#12161C;--line:#262D38;--line-2:#3A4452;--text:#EEF1F5;--text-2:#D2D8E0;--text-3:#C3CAD4;--muted:#A3ADBA;--accent:#F5C518;--accent-2:#14C3EB;--on-accent:#0E1116;--band-bg:#EEF1F5;--band-text:#0E1116;--band-text-2:#2C3644;--band-label:#2F4FA8;--hero-sky:#0B1020;--hero-image:url(images/naf-audience.webp)}

/* Light theme */
body:has(.sd.light){background:#F5F6F8}
.sd.light{--bg:#F5F6F8;--surface:#FFFFFF;--surface-2:#E9ECF0;--line:#D0D6DE;--line-2:#A6B0BD;--text:#10151C;--text-2:#2C3644;--text-3:#3B4654;--muted:#4F5A69;--accent:#8A5A00;--accent-2:#0B6E8A;--on-accent:#FFFFFF;--band-bg:#161B22;--band-text:#EEF1F5;--band-text-2:#C3CAD4;--band-label:#9DB8FF;--hero-sky:#DCE6EF;--hero-image:url(images/naf-audience.webp)}

/* Both themes: text over the hero image, and detail sheets (light, like a printed handout) */
.sd{--hero-ink:#FFFFFF;--hero-ink-2:#E8EDF2;--hero-ink-accent:#F5C518;--sheet-bg:#F1F3F6;--sheet-text:#10151C;--sheet-text-2:#2C3644;--sheet-line:#C3CAD4;--sheet-label:#2F4FA8;--sheet-accent:#0B6158;--callout-bg:#161B22;--callout-text:#EEF1F5;--callout-label:#9DB8FF}