/* Generated by design/build.py: the inks of the drawings in ui/art-data.js, by day
   and by night, following the page's theme. Change the palettes in design/lib/art.py
   and rebuild. */

:root {
  --a-sky: #5E9E97;
  --a-rays: #6FAAA2;
  --a-sun: #E5A23B;
  --a-halo: #F0C26E;
  --a-moon: #EFE4CB;
  --a-rim: #4A5873;
  --a-glow1: #1A2640;
  --a-glow2: #161F34;
  --a-star: #F1E6CF;
  --a-far-l: #C3D2D4;
  --a-far-d: #A4BAC2;
  --a-mid-l: #6F87A8;
  --a-mid-d: #4D6489;
  --a-near-l: #2F4670;
  --a-near-d: #1F3152;
  --a-snow: #FBF6EC;
  --a-snow-sh: #D5DEE4;
  --a-cloud: #FBF6EC;
  --a-figure: #221B16;
  --a-string: #221B16;
  --a-silhouette: #221B16;
  --a-arc: #FBF6EC;
  --a-light: #E5A23B;
  --a-robe: #8B2B22;
  --a-water: #2F6F86;
  --a-water-lt: #5E9AAA;
  --a-foam: #FBF6EC;
  --a-skin: #C98D62;
  --a-skin-sh: #94593A;
  --a-skin-dk: #4E2A1C;
  --a-hair: #221B16;
  --a-hair-lt: #3E3027;
  --a-scarf-sh: #5E1C16;
  --a-s-rays: #E9DAB9;
  --a-s-disc: #F1D196;
  --a-s-ring: #E5A23B;
  --a-s-star: none;
  --a-r-sky: #E4ECEA;
  --a-r-rays: #EEF2EE;
  --a-r-sun: #F0C26E;
  --a-r-halo: #F0C26E;
  --a-r-moon: #E6DCC4;
  --a-r-rim: #44536F;
  --a-r-glow1: #1E2B47;
  --a-r-glow2: #1A2641;
  --a-r-star: #DCD6C8;
  --a-r-far-l: #C9D6DC;
  --a-r-far-d: #B3C4CD;
  --a-r-far-snow-sh: #E3E9EC;
  --a-r-mid-l: #9FB3C5;
  --a-r-mid-d: #7E95AE;
  --a-r-snow: #FBF6EC;
  --a-r-snow-sh: #D6DFE7;
  --a-wm-ink: var(--ink);
  --a-wm-peak: var(--accent);
  --a-seal-ring: #8B2B22;
  --a-seal-ink: #FBF6EC;
}

:root[data-theme="dark"] {
  --a-sky: #121A2A;
  --a-rays: #172238;
  --a-sun: #8B2B22;
  --a-halo: #5A2420;
  --a-moon: #EFE4CB;
  --a-rim: #4A5873;
  --a-glow1: #1A2640;
  --a-glow2: #161F34;
  --a-star: #F1E6CF;
  --a-far-l: #3A4A68;
  --a-far-d: #2E3C58;
  --a-mid-l: #2A3753;
  --a-mid-d: #222D45;
  --a-near-l: #1B253A;
  --a-near-d: #151D2F;
  --a-snow: #DCD6C8;
  --a-snow-sh: #9AA6B8;
  --a-cloud: #26324A;
  --a-figure: #F1E6CF;
  --a-string: #F1E6CF;
  --a-silhouette: #17202F;
  --a-arc: #17202F;
  --a-light: #EFE4CB;
  --a-robe: #EBAA45;
  --a-water: #1E3654;
  --a-water-lt: #3B5878;
  --a-foam: #C9CFD6;
  --a-skin: #97A0B4;
  --a-skin-sh: #5D6782;
  --a-skin-dk: #252D42;
  --a-hair: #0C111A;
  --a-hair-lt: #2A3651;
  --a-scarf-sh: #A87526;
  --a-s-rays: none;
  --a-s-disc: #1E2A44;
  --a-s-ring: #AA7F3D;
  --a-s-star: #F1E6CF;
  --a-r-sky: #16213A;
  --a-r-rays: #1A2742;
  --a-r-sun: #6E2A24;
  --a-r-halo: #6E2A24;
  --a-r-moon: #E6DCC4;
  --a-r-rim: #44536F;
  --a-r-glow1: #1E2B47;
  --a-r-glow2: #1A2641;
  --a-r-star: #DCD6C8;
  --a-r-far-l: #2E3C58;
  --a-r-far-d: #283450;
  --a-r-far-snow-sh: #AEB6C4;
  --a-r-mid-l: #3A4A68;
  --a-r-mid-d: #2E3C58;
  --a-r-snow: #DCD6C8;
  --a-r-snow-sh: #9AA6B8;
}

/* Each scene holds both skies, the sun's and the moon's; the page's theme shows one. */
.by-night { display: none; }
:root[data-theme="dark"] .by-day { display: none; }
:root[data-theme="dark"] .by-night { display: inline; }