/* Fun Reading Skills THEME (colors, type, shape). Sibling apps (Money Sense, Science Snacks...) copy the shell (style.css/app.js)
   and only swap this file + theme.js + /img. Nothing in style.css hard-codes a color. */
@font-face{font-family:"Fredoka";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/fredoka-latin.woff2) format("woff2")}
:root{
  --font:"Fredoka",ui-rounded,"Arial Rounded MT Bold","Nunito","Trebuchet MS",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --sky1:#7fd6ff;--sky2:#e7f8ff;           /* page backdrop (top -> bottom) */
  --hill1:#6fd36f;--hill2:#3fb85a;          /* meadow at the bottom */
  --bg:#e7f8ff;--card:#ffffff;
  --ink:#2a2350;--mute:#645e8c;             /* text */
  --acc:#2f6bff;--dacc:#1f47c7;--lacc:#e4ecff;--line:#c6d4ff;   /* main action blue */
  --sun:#ffc233;--sun-d:#e0a000;--pink:#ff5fa2;--grape:#8b5cf6;
  --ok:#1fb86a;--okbg:#dcf8e9;--okink:#0d6b3c;
  --nudge:#fff0c2;--nudgeink:#7a4b00;--tip:#e4ecff;
  --star:#ffc233;
  --r:24px;--r-sm:18px;                      /* roundness */
  --c-word:#ff6b3d;--c-story:#19a8e8;--c-fix:#8b5cf6;--c-pos:#1fb86a;--c-punct:#ff5fa2;    /* one color per puzzle type */
  --tile1:#ff6b3d;--tile2:#19a8e8;--tile3:#8b5cf6;--tile4:#1fb86a;--tile5:#ff5fa2;--tile6:#ffb020;
}