/*
 * pedanticdiligence.lol — the palette, and only the palette.
 *
 * Canonical copy: roblg/lol-pedantic-diligence, site/theme.css.
 * roblg/wavetool (app/theme.css) and roblg/sequentialctl (src/theme.css) carry
 * byte-identical copies, because the three deploy independently into three
 * prefixes of one bucket and none of them may depend on another's upload to
 * render. Change it in one place and copy it to the other two.
 *
 * Tokens only. No layout, no components, no resets: three apps that look like
 * one site, each keeping the layout its own job needs. A rule that is not a
 * custom property does not belong in this file.
 *
 * Four hues over a rose ground, and which is which is load-bearing in the
 * wavetool editor: --accent is the left channel, --accentR the right, and a
 * reader has to be able to tell them apart at a glance, so they sit about 110
 * degrees apart and at near-equal luminance — neither one shouts over the
 * other. --accent2 is for whatever wants attention. --ok, --warn and --bad are
 * status, deliberately outside the brand hues so that "this is fine" never
 * reads as "this is selected".
 *
 * Contrast against --bg, sRGB, WCAG 2.1: ink 15.6, dim 9.2, faint 5.4,
 * accent 9.1, accentUp 11.2, accentR 8.6, accent2 11.2, ok 11.1, bad 7.5.
 * --line and --edge are structural and are not text.
 *
 * Which of the two brand hues leads is the page's own business. The editor
 * uses both because it has two channels to name; the landing pages have no
 * such thing to say and lead with the pink, which is the site's colour.
 */
:root{
  color-scheme: dark;

  /* ground, back to front */
  --bg:#1b0d15; --panel:#281520; --panel2:#341e2b;
  --line:#4e3143; --edge:#634055;
  --grid:#3e2835; --gridDim:#2c1924;

  /* text */
  --ink:#f5e5ef; --dim:#ceabc0; --faint:#a67d96;

  /* brand */
  --accent:#9fb4e4;      /* periwinkle — primary, and the left channel */
  --accentUp:#b5c8ee;    /* the same hue, lifted: hover, and "this one" */
  --accentR:#f58fbe;     /* pink — the right channel */
  --accent2:#ecc178;     /* gold — attention */

  /* status */
  --ok:#8fd6a8; --warn:#ecc178; --bad:#f2809f;

  --radius:6px;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}