/* Illustration palette for Jack's Adventures (generated by tools/illustrations/lib.py, do not hand-edit).
   Every SVG in assets/img/illustrations paints with var(--ill-<name>, <light hex>), so:
   - light values below equal the fallbacks baked into the files (an <img> renders exactly the light look),
   - night values are the "camp at night" set: deep blue skies, moon and stars, lit windows and campfires;
     line art stays dark ink, animals stay dark with light bellies, ice and the Retro Rocket stay light.
   Night hooks inside the SVGs (hidden by day with opacity="0", shown here at night):
     .layer--night  moon + stars (+ aurora) layer of each hero, data-depth .05
     .night-only    campfires, town lights, lit windows
     .sun           the day sun, faded out at night
   The route markers and the wordmark sit on the page, so their tokens follow the page flip. */
:root{
  --ill-ink:#1E2B3A; --ill-steam:#1E2B3A; --ill-ink-soft:#4A5866; --ill-paper:#FFF8E9;
  --ill-cream:#F3E6C8; --ill-sea:#146A85; --ill-sky:#9AD3E3; --ill-pine:#2C6446; --ill-sand:#EFD09B;
  --ill-gold:#F5B73B; --ill-ember:#E2572B; --ill-ember-dark:#B43F17; --ill-animal:#1E2B3A;
  --ill-animal-belly:#FFF8E9; --ill-plane:#FFF8E9; --ill-window:#9AD3E3; --ill-jetski:#F5B73B;
  --ill-sky-top:#9AD3E3; --ill-sky-light:#FFF8E9; --ill-sky-mid:#F3E6C8; --ill-sky-bottom:#EFD09B;
  --ill-sky-glow:#F5B73B; --ill-sky-ember:#E2572B; --ill-sun:#F5B73B; --ill-moon:#FFF8E9;
  --ill-aurora:#9AD3E3; --ill-glow:#F5B73B; --ill-cloud:#FFF8E9; --ill-fog:#FFF8E9; --ill-haze:#FFF8E9;
  --ill-water:#9AD3E3; --ill-water-deep:#146A85; --ill-foam:#FFF8E9; --ill-rain:#146A85;
  --ill-glitter:#F5B73B; --ill-land-far:#146A85; --ill-land-mid:#2C6446; --ill-land-near:#2C6446;
  --ill-rock:#4A5866; --ill-snow:#FFF8E9; --ill-ice:#FFF8E9; --ill-ice-shade:#9AD3E3;
  --ill-savanna:#EFD09B; --ill-grass:#F5B73B; --ill-earth:#E2572B; --ill-wordmark:#1E2B3A;
  --ill-marker:#1E2B3A; --ill-marker-halo:#FFF8E9;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ill-ink:#0B141D; --ill-steam:#C3D3DD; --ill-ink-soft:#4E5C6A; --ill-paper:#EDE3CB;
    --ill-cream:#D8CAA8; --ill-sea:#3689A6; --ill-sky:#7DB9CB; --ill-pine:#3A7353; --ill-sand:#D4B886;
    --ill-gold:#F7C45E; --ill-ember:#EE7148; --ill-ember-dark:#A9462A; --ill-animal:#111C27;
    --ill-animal-belly:#D8DEDF; --ill-plane:#F1E7CF; --ill-window:#F6C35F; --ill-jetski:#E9AE45;
    --ill-sky-top:#0B1626; --ill-sky-light:#1B3050; --ill-sky-mid:#1A2C48; --ill-sky-bottom:#283A5C;
    --ill-sky-glow:#3A4568; --ill-sky-ember:#4C4468; --ill-sun:#F3EBD2; --ill-moon:#F3EBD2;
    --ill-aurora:#63CFA6; --ill-glow:#FFB44F; --ill-cloud:#2A3E58; --ill-fog:#3A5470; --ill-haze:#2E4664;
    --ill-water:#1E4760; --ill-water-deep:#16354B; --ill-foam:#A8C0CE; --ill-rain:#7F9CB3;
    --ill-glitter:#E6E4D2; --ill-land-far:#213B55; --ill-land-mid:#1A3438; --ill-land-near:#0F2226;
    --ill-rock:#2A3844; --ill-snow:#C4D2DC; --ill-ice:#D6E2EA; --ill-ice-shade:#7E9DB2;
    --ill-savanna:#34443F; --ill-grass:#394531; --ill-earth:#3A2830; --ill-wordmark:#F6ECD6;
    --ill-marker:#F6ECD6; --ill-marker-halo:#111C26;
  }
  :root:not([data-theme="light"]) :is(.ill,.illu) .layer--night,:root:not([data-theme="light"]) :is(.ill,.illu) .night-only{opacity:1}
  :root:not([data-theme="light"]) :is(.ill,.illu) .sun{opacity:0}
}
:root[data-theme="dark"]{
  --ill-ink:#0B141D; --ill-steam:#C3D3DD; --ill-ink-soft:#4E5C6A; --ill-paper:#EDE3CB;
  --ill-cream:#D8CAA8; --ill-sea:#3689A6; --ill-sky:#7DB9CB; --ill-pine:#3A7353; --ill-sand:#D4B886;
  --ill-gold:#F7C45E; --ill-ember:#EE7148; --ill-ember-dark:#A9462A; --ill-animal:#111C27;
  --ill-animal-belly:#D8DEDF; --ill-plane:#F1E7CF; --ill-window:#F6C35F; --ill-jetski:#E9AE45;
  --ill-sky-top:#0B1626; --ill-sky-light:#1B3050; --ill-sky-mid:#1A2C48; --ill-sky-bottom:#283A5C;
  --ill-sky-glow:#3A4568; --ill-sky-ember:#4C4468; --ill-sun:#F3EBD2; --ill-moon:#F3EBD2;
  --ill-aurora:#63CFA6; --ill-glow:#FFB44F; --ill-cloud:#2A3E58; --ill-fog:#3A5470; --ill-haze:#2E4664;
  --ill-water:#1E4760; --ill-water-deep:#16354B; --ill-foam:#A8C0CE; --ill-rain:#7F9CB3;
  --ill-glitter:#E6E4D2; --ill-land-far:#213B55; --ill-land-mid:#1A3438; --ill-land-near:#0F2226;
  --ill-rock:#2A3844; --ill-snow:#C4D2DC; --ill-ice:#D6E2EA; --ill-ice-shade:#7E9DB2;
  --ill-savanna:#34443F; --ill-grass:#394531; --ill-earth:#3A2830; --ill-wordmark:#F6ECD6;
  --ill-marker:#F6ECD6; --ill-marker-halo:#111C26;
}
:root[data-theme="dark"] :is(.ill,.illu) .layer--night,:root[data-theme="dark"] :is(.ill,.illu) .night-only{opacity:1}
:root[data-theme="dark"] :is(.ill,.illu) .sun{opacity:0}

/* Die-cut stickers and vehicle spots already wobble their own line art (in viewBox units, see the
   illustrations README). site.css adds filter:url(#wobble) to every .sticker svg, which displaces the
   whole picture a second time in CSS px (scratchy at 64 px). Switch that off for the illustration set only. */
.sticker > svg.illu{filter:none}