/* Theme tokens. Change colors here; everything else in the interface reads from these.
   (Illustration colors live in src/art/parts.js.) */
@font-face { font-family: 'Baloo 2'; font-weight: 600; font-display: swap; src: url('/fonts/baloo-2-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Baloo 2'; font-weight: 700; font-display: swap; src: url('/fonts/baloo-2-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Baloo 2'; font-weight: 800; font-display: swap; src: url('/fonts/baloo-2-latin-800-normal.woff2') format('woff2'); }
@font-face { font-family: 'Nunito'; font-weight: 400; font-display: swap; src: url('/fonts/nunito-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Nunito'; font-weight: 700; font-display: swap; src: url('/fonts/nunito-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Nunito'; font-weight: 800; font-display: swap; src: url('/fonts/nunito-latin-800-normal.woff2') format('woff2'); }

:root {
  --sky: #2fa8f0;
  --sky-deep: #1784cc;
  --sky-pale: #e3f5ff;
  --leaf: #22b35e;
  --leaf-dark: #0f6e3c;
  --lime: #9be24a;
  --wood: #c97a2b;
  --wood-light: #e8a443;
  --wood-dark: #8a4f1c;
  --sun: #ffc93c;
  --coral: #ff6a55;
  --coral-dark: #d9402b;
  --turquoise: #1cc6c0;
  --purple: #8a5cf6;
  --purple-dark: #5b2fd1;
  --cream: #fffaf0;
  --paper: #fffdf7;
  --navy: #1b2a4a;
  --muted: #4a5878;
  --focus: #5b2fd1;

  /* Subject accents */
  --reading: #8a5cf6;
  --reading-dark: #5b2fd1;
  --reading-tint: #efe8ff;
  --math: #ff6a55;
  --math-dark: #c53a26;
  --math-tint: #ffeae5;
  --discovery: #1cc6c0;
  --discovery-dark: #0c7d79;
  --discovery-tint: #ddf8f6;

  --font-display: 'Baloo 2', 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif;
  --font-body: 'Nunito', 'Segoe UI', system-ui, sans-serif;

  --radius: 22px;
  --radius-sm: 14px;
  --shadow: 0 6px 0 rgba(27, 42, 74, 0.12), 0 14px 30px rgba(27, 42, 74, 0.12);
  --shadow-sm: 0 4px 0 rgba(27, 42, 74, 0.12);
}