/* The palette and faces for every page but the landing page (which carries the same block inline, as the kit
   prints it): start.mjs brand --page software --bg #f6efdc --ink #241a0f --accent #b64635 --surface #fbf9f1,
   with the app's own faces. Keep the two in step. */
:root {
  --p-bg: #f6efdc; --p-surface: #fbf9f1; --p-ink: #241a0f; --p-muted: #73695b;
  --p-accent: #b64635; --p-accent-ink: #f6efdc; --p-action: #b64635; --p-action-ink: #f6efdc;
  --p-inv-bg: #241a0f; --p-inv-surface: #30261b; --p-inv-ink: #f6efdc; --p-inv-muted: #9f9686;
  --p-inv-accent: #b64635; --p-inv-accent-ink: #f6efdc; --p-inv-action: #b64635; --p-inv-action-ink: #f6efdc;
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-text: "DM Sans", system-ui, sans-serif;
  --font-mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --display-weight: 500;
  --display-tracking: -0.012em;
  --display-tracking-xl: -0.018em;
  --display-stretch: 100%;
  --ly-scale: 0.86;
}