/* /name/dolly - in memory of Dolly Parton.
 *
 * Only custom properties, and only ones hv.css already declares. A theme
 * cannot move anything on the page, which is the point: the worst a bad
 * theme can do is look wrong.
 *
 * :root[data-hv-theme] rather than :root is not a flourish. hv.css sets its
 * dark palette on :root:not([data-theme="light"]), which outranks a bare
 * :root, so a theme written the obvious way would work in light mode and be
 * silently ignored in dark mode. This selector ties on specificity and wins
 * on source order, and it also means the theme deliberately overrides the
 * reader's dark-mode preference - which is the intent here, since the page
 * is meant to look like this for everybody.
 */
:root[data-hv-theme] {
  /* The page: white, black text, as asked. */
  --hv-bg: #ffffff;
  --hv-ink: #000000;
  --hv-panel: #fdf2f8;      /* the faintest pink, so panels read as chosen */
  --hv-ink-soft: #4a4a4a;
  --hv-line: #f0c8dd;
  --hv-link: #a3105f;       /* 6.5:1 on white, and in key with the ribbon */

  /* The ribbon, with white lettering as asked for.
     Worth knowing: white on #FF1493 is 3.64:1, under the 4.5:1 WCAG AA
     minimum for text this size. Black on the same pink is 5.77:1 and would
     pass. This is a deliberate choice of appearance over the guideline on
     one page, not an oversight - and if it should pass instead, the ribbon
     only has to deepen to #E5007E (4.53:1) or #D6006F (5.14:1), both of
     which still read as the same pink. */
  --hv-ribbon: #FF1493;
  --hv-ribbon-ink: #FFFFFF;
  --hv-ribbon-link: #FFFFFF;

  /* The search box is white inside, by choice: it reads as an input rather
     than as part of the band, which is what an input is for. Black on white
     is 21:1, and the placeholder and the border are the deep pink #8E0C51
     (9.05:1 on white) so the field still belongs to the ribbon.
     The button stays deep pink with white lettering, 9.05:1. */
  --hv-ribbon-field: #FFFFFF;
  --hv-ribbon-field-ink: #000000;
  --hv-ribbon-field-soft: #8E0C51;
  --hv-ribbon-field-line: #8E0C51;
  --hv-ribbon-btn: #8E0C51;
  --hv-ribbon-btn-ink: #FFFFFF;

  /* The chart keeps its meaning: girls' line stays the girls' colour. */
  --hv-f: #c2185b;
  --hv-m: #2a7fb8;
  --hv-c1: #2a7fb8;
  --hv-c2: #c2185b;
}