/* Theme "ledger": light, from the original Quiet ledger of round one. Only colours: the layout,
   the type and every size are tokens.css's, which this file is loaded after and overrides.

   Paper is the ground and ink the words; the greys are the round's own. Signal orange marks
   what to act on and what matters: the one filled button a screen, lit strips and the lit
   count's lights, and what must not be missed (a use-by date, a low wallet). It is only ever a
   fill, with ink on it: orange words on paper fail contrast, so the lamp's two words are ink.
   Strips are drawn in the greys, so a lit one stands out.

   The muted grey is a shade darker than the round's #6B665C, which fell under 4.5 to 1 on the
   two panel greys (4.2 on the sunk one). */

:root{
  /* the ground and its greys */
  --roast:#F6F2EA;
  --roast-top:#F6F2EA;
  --walnut:#E9E4DA;     /* bars and raised panels */
  --well:#E4DDD0;       /* sunk panels, and the inside of a field */
  --gate:#F6F2EA;       /* a strip is cut from paper */

  /* film: three greys */
  --film:#CFC8BA;
  --film-b:#DAD4C7;
  --film-c:#C4BCAE;

  /* words */
  --paper:#1A1814;
  --ash:#625D54;

  /* signal orange: a fill, with ink on it */
  --lamp:#FF5A1F;
  --on-lamp:#1A1814;
  --lamp-ink:var(--paper);
  --lamp-glow:rgba(255,90,31,.3);
  --lamp-glow-wide:rgba(255,90,31,.26);
  --lamp-clear:rgba(255,90,31,0);
  --lit-a:linear-gradient(180deg,#FF5A1F,#FF5A1F);
  --lit-b:linear-gradient(180deg,#FF6E3A,#FF6E3A);
  --lit-c:linear-gradient(180deg,#F4500F,#F4500F);

  /* the one main button on a screen is orange; with one on the screen, the others are outlines */
  --main-fill:var(--lamp);
  --main-ink:var(--on-lamp);
  --main-edge:var(--lamp);
  --second-fill:transparent;
  --second-ink:var(--paper);
  --second-edge:var(--line);
  --main-hover:var(--lamp);
  --main-hover-edge:var(--paper);
  --second-hover:transparent;
  --second-hover-edge:var(--paper);

  /* what must not be missed is filled too: a use-by date, a low wallet */
  --flag-fill:#FF5A1F;
  --flag-ink:#1A1814;
  --flag-edge:#FF5A1F;
  --flag-spread:3px;

  /* lines, cut from ink or the muted grey */
  --rule:rgba(26,24,20,.13);
  --line:rgba(26,24,20,.55);
  --line-hover:rgba(26,24,20,.7);
  --edge:rgba(98,93,84,.6);
  --underline:rgba(98,93,84,.75);
  --sprocket:rgba(26,24,20,.2);
  --paper-clear:rgba(26,24,20,0);

  /* rounded corners' soft shadow, on a light ground */
  --round-shade:rgba(26,24,20,.10);
  --round-shade-wide:rgba(26,24,20,.10);
}