/* The toy box: the brainteasers' palette and face (docs/adr/0042,
   docs/design-system.md, "The toy box"). The puzzles you play with pieces
   (Chicago Traffic's cars, Codebreaker's pegs) aren't printed in a book:
   they come in a box, molded in plastic, so their page is the cool, clean
   white of a toy box's insert, inked in navy, set in Rubik (a rounded,
   sturdy sans, for titles and everything you read or press).

   It takes the paper's place (games/house/paper.css) and declares the
   same names, so the pencil-puzzle kit's look and interface (puzzles.css,
   kit.css), loaded after it, work on it unchanged; brainteasers.css then
   gives the kit the toy box's shapes, and each game its accent.

   Always light, as the paper is: a toy's colors are its colors at night
   too (color-scheme: light, no dark block). */

@font-face {
  font-family: "Rubik";
  src: url("fonts/rubik-400-800-latin.94df5f5371c1.woff2") format("woff2");
  font-weight: 400 800; font-style: normal; font-display: optional;
}

:root {
  /* the box (the page), a card or sheet on it, and the insert a puzzle sits in */
  --paper: #e6ebf1;
  --paper-2: #ffffff;        /* a sheet or card in the box */
  --paper-edge: #cdd5df;     /* a card's edge, a hairline rule */
  --desk: #d8dfe8;           /* what a puzzle's tray sits in */
  --ink: #18202c;            /* navy */
  --soft: #4b5665;           /* soft ink: 6.0:1 on --paper, 5.4:1 on --desk, 7.3:1 on --paper-2 */
  --line: #bac4d0;           /* a choice group's soft line, a field's edge, a divider */
  --line-bold: #18202c;
  /* colors with jobs (house rule 9) that read on the box */
  --good: #17764a;           /* solved, done */
  --bad: #c0352a;            /* a mistake, a form's error */
  /* a card in the box: molded, with a crisp lip and a short, firm shadow; lifted, a longer one */
  --card-shadow: 0 1px 0 #fff inset, 0 2px 0 rgba(24, 32, 44, .07), 0 10px 22px -14px rgba(24, 32, 44, .45);
  --card-shadow-up: 0 1px 0 #fff inset, 0 3px 0 rgba(24, 32, 44, .08), 0 18px 30px -16px rgba(24, 32, 44, .5);
  /* smooth plastic: no grain */
  --paper-grain: none;
  --display: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --ui: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  color-scheme: light;
}