/* Plum. Every colour on the site comes from this file; swap the @import in
 * site.css to change schemes. Contrast noted where it is close: text on its
 * ground is at or above 4.5:1 throughout, buttons carry dark ink on coral
 * because white on coral is 3.1:1. */
:root {
  --coral: #ff5a3d;

  /* the bands: nav, hero, the closing call */
  --band-bg: #3a1f3d;
  --band-ink: #ffe4dc;
  --band-soft: #c9a9be;
  --band-rule: #5c3a60;

  /* the paper: everything read */
  --paper-bg: #f7ece8;
  --paper-ink: #2b1730;
  --paper-soft: #6e5570;
  --paper-rule: #e3d3d5;
  --surface: #ffffff;
  --hairline: #d6c2c8;

  /* the one second colour, a fill and never a word */
  --second: #ffe4dc;

  /* buttons */
  --btn-band-bg: var(--coral);
  --btn-band-ink: #171b1d;
  --btn-paper-bg: var(--coral);
  --btn-paper-ink: #171b1d;
  --ghost-band: #ffe4dc;
  --ghost-paper: #2b1730;

  /* the mark, on a tile */
  --icon-bg: #3a1f3d;
  --icon-bracket: #ffe4dc;
  --icon-dot: var(--coral);

  /* placeholder device bezels, until the screenshots exist */
  --bezel: #cdb9c0;
}