/* ---------------------------------------------------------------------------
   theme.css — YOUR LOOK. One of the five files a shop edits.

   Change these and the whole configurator changes with them: the panel, the
   chips, the swatch rings, the send button, the enquiry dialog, the emailed
   preview sheet. Nothing else needs touching.

   THE STAGE IS THE ONE THING TO LEAVE ALONE. --bs-stage is the wall the board
   is rendered against, and it is a neutral grey on purpose: a customer is
   judging a resin tint against it, and a coloured ground biases every colour
   they pick. Tint it to match your brand and your customers will choose the
   wrong colours.
--------------------------------------------------------------------------- */

:root {
  /* --- paper and ink ---------------------------------------------------- */
  --bs-paper:   #f5f5f4;   /* the page behind everything */
  --bs-surface: #ffffff;   /* cards, the panel, the dialog */
  --bs-ink:     #1c1c1b;   /* headings, strong text */
  --bs-ink-2:   #55534f;   /* body */
  --bs-muted:   #8a8884;   /* captions, meta */
  --bs-line:    rgba(28, 28, 27, 0.09);
  --bs-line-2:  rgba(28, 28, 27, 0.055);

  /* --- the accent ------------------------------------------------------- */
  /* one colour, used for every fill: selected chips, the step numbers, the
     switches, the send button */
  --bs-accent:  #3d6b8e;
  /* the same hue a shade deeper, for the few places the accent is TEXT. A
     fill colour usually fails contrast at body sizes; this is the fix. Check
     yours reaches 4.5:1 on --bs-surface before you ship it. */
  --bs-accent-ink: #335c7c;
  --bs-accent-2: #2c516f;              /* hover / pressed */
  --bs-tintbg:  rgba(61, 107, 142, 0.08);   /* the accent, washed out */

  /* --- the wall --------------------------------------------------------- */
  /* LEAVE THIS NEUTRAL. See the note at the top of the file. */
  --bs-stage:   #eeeeec;

  /* --- shape and type --------------------------------------------------- */
  --bs-radius:  16px;
  --bs-ease:    cubic-bezier(0.22, 0.61, 0.36, 1);
  --bs-font:    -apple-system, BlinkMacSystemFont, "Segoe UI",
                "Helvetica Neue", Helvetica, Arial, sans-serif;
}