/* Loomoku palette and type, copied from the app. Flat colour only: no gradients. */
@font-face {
  font-family: "Loomoku Serif";
  src: url("/assets/fonts/source-serif-4.woff2") format("woff2");
  font-weight: 400 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Loomoku Serif";
  src: url("/assets/fonts/source-serif-4-italic.woff2") format("woff2");
  font-weight: 400 900; font-style: italic; font-display: swap;
}
:root {
  color-scheme: light dark;
  --paper: #F6F1E7; --paper-deep: #EDE5D6; --card: #FBF8F1;
  --ink: #1F2430; --ink-soft: #5C6170; --line: #D9D0BF;
  --clay: #C8643C; --clay-deep: #A84F2D; --clay-tint: #F3C7B0;
  --gold: #C79A3B; --gold-tint: #F2E3BE;
  --indigo: #2F4A8A; --indigo-tint: #DCE3F2; --player: #2F4A8A;
  --sage: #6F8A6B; --highlight: #F0E6D2; --selection: #F3C7B0;
  --shadow: 31 36 48; /* ink, for tinted shadows */
  --link: #2F4A8A;
  --clay-text: #A84F2D; /* clay that passes AA as text on paper */
  --serif: ui-serif, "New York", "Loomoku Serif", Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --linen: url("/assets/img/linen.webp");
  --linen-tint: #FFFFFF;
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #15171C; --paper-deep: #1D2026; --card: #22262D;
    --ink: #E9E4D8; --ink-soft: #A8A49A; --line: #343842;
    --clay-tint: #4A2D22; --gold-tint: #3E3522;
    --indigo: #8FA8E0; --indigo-tint: #27304A; --player: #8FA8E0;
    --highlight: #262A33; --selection: #4A2D22;
    --shadow: 0 0 0; --link: #8FA8E0; --clay-text: #E08A64;
    --linen-tint: #181A20;
  }
}