/* brandsprint's look: its colours and its two faces, said once. the homepage, the talk, the stories and the game
   use this file; the book names the same faces from its index and wears the same colours. the template is a
   brand of its own and carries its own look. */

@font-face { font-family: under; src: url(type/under.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: nudge; src: url(type/nudge.woff2) format("woff2"); font-weight: 700; font-style: italic; font-display: swap; }

:root {
  /* the ground and the voice */
  --paper:    #FFFFFF;
  --ink:      #111111;

  /* the colours of the sprint */
  --orange:   #FF4B00;
  --red:      #FD3C2D;
  --yellow:   #FDC800;
  --pink:     #FFBFE1;
  --peach:    #FF804B;
  --purple:   #8159FB;
  --blue:     #014ADD;
  --green:    #0DA536;
  --forest:   #02903B;

  /* the greys, lightest to darkest */
  --mist:     #F2F2F2;
  --fog:      #E7E7E7;
  --grey:     #E5E5E5;
  --ash:      #DBDBDB;
  --smoke:    #C4C4C4;
  --slate:    #A0A0A0;
  --stone:    #808080;
  --coal:     #4D4D4D;
  --graphite: #333333;
}