/* Site theme: Halloween. Loaded after css/theme.css by includes/site.php (app/src/Themes.php).
   Palette generated from five base colours per mode: text meets 4.5:1 (ink 7:1) on page and cards. */
:root {
  color-scheme: light;
  --font-feature: "Creepster", "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Source Sans 3", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
  --font-cjk: "Source Sans 3", "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --paper: #F6F0E8;
  --panel: #FFFFFF;
  --panel-2: #FAF8F4;
  --ink: #221A2B;
  --ink-soft: #534C5A;
  --muted: #706B76;
  --line: #E0DFE1;
  --line-strong: #BDBABF;
  --accent: #B8560D;
  --accent-deep: #7E3A09;
  --accent-tint: #F6E8DD;
  --accent-b: #6A3FB0;
  --accent-b-deep: #452972;
  --accent-b-tint: #EAE4F4;
  --focus: #C25A0E;
  --on-accent: #FFFFFF;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #16101E;
    --panel: #201829;
    --panel-2: #1B1424;
    --ink: #F1EAF6;
    --ink-soft: #C3BCC9;
    --muted: #A29AA8;
    --line: #3D3546;
    --line-strong: #5F5766;
    --accent: #F28C38;
    --accent-deep: #F7B47E;
    --accent-tint: #3D282B;
    --accent-b: #B18BEF;
    --accent-b-deep: #CCB4F5;
    --accent-b-tint: #342845;
    --focus: #F28C38;
    --on-accent: #111111;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #16101E;
  --panel: #201829;
  --panel-2: #1B1424;
  --ink: #F1EAF6;
  --ink-soft: #C3BCC9;
  --muted: #A29AA8;
  --line: #3D3546;
  --line-strong: #5F5766;
  --accent: #F28C38;
  --accent-deep: #F7B47E;
  --accent-tint: #3D282B;
  --accent-b: #B18BEF;
  --accent-b-deep: #CCB4F5;
  --accent-b-tint: #342845;
  --focus: #F28C38;
  --on-accent: #111111;
}

/* carved pumpkins in the bottom corners */
.decor-pumpkin { position: fixed; bottom: 6px; width: 84px; height: 76px; background: url(/img/themes/pumpkin.svg) center / contain no-repeat; filter: drop-shadow(0 0 10px rgba(255, 170, 40, .55)); }
.decor-pumpkin.left { left: 8px; } .decor-pumpkin.right { right: 8px; transform: scaleX(-1) rotate(-4deg); width: 64px; height: 58px; }
/* ghosts drifting across the page */
.decor-p-ghost { width: 46px; height: 58px; background: url(/img/themes/ghost.svg) center / contain no-repeat; opacity: .55; animation-name: liwm-drift; }