/* fonts live next to the renderer so desktop and the hosted app share one folder */
@font-face { font-family: "Fredoka"; src: url("../assets/fonts/Fredoka-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Fredoka"; src: url("../assets/fonts/Fredoka-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Patrick Hand"; src: url("../assets/fonts/PatrickHand-400.woff2") format("woff2"); font-display: swap; }

/* cyan notepad, graph paper and sticky craft with a little glow */
:root {
  --paper: #12202c;
  --paper-deep: #0b151d;
  --grid-line: #3aa8c844;
  --card: #1a2f3e;
  --card-light: #234155;
  --line: #4aa8c8;
  --ink: #e8f7fc;
  --ink-soft: #8ebfd0;
  --cyan: #5cefff;
  --cyan-dim: #5cefff66;
  --blue: #4aa6ff;
  --blue-deep: #1f6fb5;
  --pink: #ff9fcf;
  --yellow: #ffe27a;
  --mint: #7dffc4;
  --danger: #ff6f91;
  --accent: #5cefff;
  --glass: #1a2f3ecc;
  --glass-edge: #5cefff55;

  --glow: 0 0 10px #5cefff66, 0 0 22px #4aa6ff33;
  --glow-soft: 0 0 8px #5cefff44;
  --paper-shadow: 3px 5px 0 #071018;

  --wobbly: 255px 15px 225px 15px / 15px 225px 15px 255px;
  --wobbly-alt: 15px 225px 15px 255px / 255px 15px 225px 15px;
  --blob-round: 60% 40% 55% 45% / 45% 55% 45% 55%;

  --font-hand: "Patrick Hand", "Comic Sans MS", cursive;
  --font-fun: "Fredoka", "Segoe UI", sans-serif;
}