/* Purple theme: the colours of the Resonance cover (tools/doglord/src/assets/resonance.jpg). Forest
   black, cream from the amplifier panels for the text, violet from the wizard's cloak for headings,
   amplifier orange for accents, the guitar's ice blue for links, the logo's pink and violet for the
   name and page titles, moss green in the charts, the cover's fly agarics in the background and a
   faint grain like its stippling. Hidden: only switched on from the terminal on the home page
   (layouts/index.html; the theme button switches it off). Remembered in the browser like the other
   themes (localStorage "theme"). Loaded by the main site (partials/head.html) and by the pages in
   tools/ (their scripts/build.mjs). What the terminal's easter egg adds on top of this theme is in
   css/easter-egg.css. */

:root[data-theme="purple"] {
  --floor:      #121310;   /* forest black, as behind the amplifiers */
  --understory: #191b17;
  --raised:     #21241e;
  --vine:       #343a2e;   /* moss in the shade: borders */
  --mist:       #ebe2cd;   /* cream of the amplifier panels: text */
  --muted:      #a69d89;
  --pandan:     #a06ae6;   /* the wizard's cloak: headings, primary */
  --hornbill:   #d5813f;   /* amplifier orange: accents, cv button, cursor */
  --kingfisher: #aac6cf;   /* the guitar's ice blue: links */
  --orchid:     #cf6a80;   /* the logo's pink */
  --moss:       #6b7d38;
  --leaf:       #8fa24a;
  --c1: #a06ae6; --c2: #d5813f; --c3: #8db6c6; --c4: #93a84a;

  --title-top:    #dc7286;   /* page titles and the name (site.css): the logo's pink above, violet below */
  --title-bottom: #9358e0;

  --nav-bg:      rgba(18, 19, 16, 0.9);
  --glow-1:      rgba(104, 128, 146, 0.12);   /* the night sky behind the trees */
  --glow-2:      rgba(147, 88, 224, 0.07);   /* violet */
  --strong:      #fff8ea;
  --shadow:      0 18px 50px rgba(0, 0, 0, 0.55);
  --primary-hi:  #b688ee;
  --cv-hi:       #e29a5e;
  --dot-red:     #cf6a80;
  --hit:         rgba(235, 226, 205, 0.05);
  color-scheme: dark;
}

/* a dark vignette around the edges, over the usual glows */
:root[data-theme="purple"] body {
  background-image:
    radial-gradient(1100px 600px at 85% -120px, var(--glow-1), transparent 70%),
    radial-gradient(900px 500px at 0% 420px, var(--glow-2), transparent 70%),
    radial-gradient(140% 120% at 50% 40%, transparent 55%, rgba(0, 0, 0, 0.5) 100%);
  background-attachment: fixed;
}

/* fine grain over the whole page, like the stippling on the cover */
:root[data-theme="purple"] body::after {
  content: ""; position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity: 0.045;
}
@media print { :root[data-theme="purple"] body::after { display: none; } }

/* instead of the rafflesias, the fly agarics of the cover all over the background (img/motifs/toadstools.svg) */
:root[data-theme="purple"] body::before {
  inset: 0; right: 0; bottom: 0; width: auto; aspect-ratio: auto;
  background: url("../img/motifs/toadstools.svg") repeat 0 0 / 560px 560px;
  filter: none; opacity: 0.1;
}
@media (max-width: 700px) { :root[data-theme="purple"] body::before { background-size: 380px 380px; opacity: 0.09; } }

:root[data-theme="purple"] .hero-name { letter-spacing: 0.01em; }

/* the terminal and the player window: a little orange in the frame, like the amplifier cabinets */
:root[data-theme="purple"] .console { border-color: color-mix(in srgb, var(--hornbill) 22%, var(--vine)); }

/* the wizard dog in the colour of his cloak */
:root[data-theme="purple"] .pangolinsay .say-art { color: var(--pandan); }

:root[data-theme="purple"] ::selection { background: var(--pandan); color: var(--floor); }
:root[data-theme="purple"] .nav-links a.active { color: var(--primary-hi); }   /* the cloak purple is just under 4.5:1 on the raised background */