/* Identidad visual de la interfaz. Para rediseñar, empieza por aquí. */
:root{
  color-scheme:dark;
  --ink:#191c3f; --page:#262b5e; --panel:#343a7a;
  --paper:#fbf6e4; --grid:#c9d7ea; --pencil:#2c2f55; --muted:#62658a;
  --sun:#ffc93c; --sun-dark:#d99a12; --right:#2f9e62; --wrong:#d8434e; --heart:#ff5d6c; --light:#eef0ff; --hint:#b8bce8; --villain:#b14dff; --villain-soft:#ead6ff;
  --display:"Pixelify Sans","Courier New",monospace;
  --numbers:"Atkinson Hyperlegible",system-ui,sans-serif; /* legibles para niños: la letra pixelada confunde 5, 6, 8 y 9 */
  --body:"Atkinson Hyperlegible",system-ui,sans-serif;
}