/* After Work's look, shared by every page: the players' phones, the host and the big screen, and the public site.
   "Glädje": warm ice-cream colours that fill the screen, plum instead of black, soft round shapes, a rounded serif
   for headings and numbers (Fraunces, soft and a little wonky) and a friendly sans for everything else (Figtree).
   No outlines, no tilts, no hard black shadows. Only what can be pressed gets a lift underneath it, so a label
   never looks like a button.
   Fonts: each page links
   https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,SOFT,WONK@9..144,600..900,0..100,0..1&family=Figtree:wght@500;600;700;800&display=swap */
:root {
  --ink: #2A1838;                 /* plum: text, the one dark colour */
  --ink-2: #6B5A7A;               /* quieter text */
  --paper: #FFFFFF;
  --cream: #FFF4EC;               /* the calm ground: forms, the site */
  --line: rgba(42, 24, 56, .10);  /* hairlines and quiet fills */
  --veil: rgba(255, 255, 255, .6);/* a label on a coloured ground */

  /* the four answers, and the chips and fills that borrow them */
  --coral: #FF9C7A; --sky: #8CCBFF; --sun: #FFD95A; --mint: #86E3B8; --plum: #C5B5FF; --peach: #FFB494;
  /* the same, deep: glyphs inside a white disc, small accents on white */
  --coral-deep: #FF6F4A; --sky-deep: #3B8EE0; --sun-deep: #E8A800; --mint-deep: #2BAE74; --plum-deep: #7C5CFF;

  /* one ground per moment of the game */
  --g-question: #D7CBFF; --g-wait: #A9D8FF; --g-good: #FFD95A; --g-bad: #FFC2B0;
  --g-board: #9BE8C4; --g-game: #FFB494; --g-lobby: #FFF4EC;

  --display: "Fraunces", Georgia, serif;
  --text: "Figtree", -apple-system, system-ui, sans-serif;
  --soft: "SOFT" 100, "WONK" 1;   /* font-variation-settings for display type */

  --r-sm: 16px; --r: 26px; --r-lg: 36px;
  --lift: 0 6px 0 rgba(42, 24, 56, .13);      /* under something you can press */
  --lift-press: 0 2px 0 rgba(42, 24, 56, .13);
}
.display { font-family: var(--display); font-variation-settings: var(--soft); font-weight: 900; letter-spacing: -.02em; }