/* This App's look: font loading, --wa-* token overrides, and the App's own
   reusable values. The platform theme already defines every --wa-* token for
   light and dark, so declare only what this App changes under
   .wa-theme-runneth.

   Recolor the brand by replacing the brand ramp with a tonal scale of the
   new hue, 95 lightest to 05 darkest. The platform maps the same steps to
   fills and text per scheme, so a full scale stays legible in both and a
   partial override breaks a pairing somewhere:

.wa-theme-runneth {
  --wa-color-brand-95: #f6f3fc;
  --wa-color-brand-90: #ece6f7;
  --wa-color-brand-80: #d9cdf5;
  --wa-color-brand-70: #c4b0ef;
  --wa-color-brand-60: #a98cf0;
  --wa-color-brand-50: #9673e6;
  --wa-color-brand-40: #7a5fc4;
  --wa-color-brand-30: #5836a4;
  --wa-color-brand-20: #3d2473;
  --wa-color-brand-10: #2a1d47;
  --wa-color-brand-05: #1a1230;
  --wa-font-family-heading: "Instrument Serif", Georgia, serif;
  --app-card-shadow: 0 1px 2px rgb(0 0 0 / 8%);
}

   A single role is declared as a light-dark(light, dark) pair under the
   platform's dark selectors as well, the dark band's included, or its dark
   block wins:

.wa-theme-runneth,
.wa-theme-runneth.wa-dark,
.wa-dark .wa-theme-runneth,
.wa-theme-runneth layout-band[tone="dark"] {
  --wa-color-brand-fill-loud: light-dark(#5836a4, #c7b5ff);
  --wa-color-brand-on-loud: light-dark(#ffffff, #24143f);
}
*/