/* Design tokens. Change these first: everything else reads from them. */
:root {
  --canvas: #fff;
  --ink: #000;
  --lilac: #c8a2d8;   /* cardigan */
  --cream: #f3e2a9;   /* skin */
  --sky: #aad4ee;     /* glasses glint */
  --pink: #f4a3b4;    /* cheeks */
  --ribbon: #2f4fc4;  /* blue ribbon */
  --paper: #fff3a6;   /* sticky-note yellow, also the muted accent highlight */
  --red: #e8222a;     /* vein and big X */
  --blush: #ffd9e1;   /* Hack Club scene */
  --note-pink: #ffd1dc;   /* sticky notes, alongside --paper */
  --note-blue: #cfe8ff;

  --display: "Gochi Hand", "Comic Sans MS", "Chalkboard SE", cursive;
  --body: "Comic Neue", "Comic Sans MS", "Chalkboard SE", sans-serif;

  --line: 4px;
  /* uneven corners that look drawn by hand */
  --wobble-a: 255px 15px 225px 15px / 15px 225px 15px 255px;
  --wobble-b: 15px 255px 15px 225px / 225px 15px 255px 15px;
  --wrap: 1100px;
}