/* EDUC English — css/variables.css */

:root{
  --bg:#07101e;--panel:#0d1b2e;--panel2:#111f35;
  --border:rgba(255,255,255,.08);--border2:rgba(255,255,255,.13);
  --text:#e2e8f0;--muted:rgba(148,163,184,.65);
  --green:#dc2626;--blue:#3b82f6;--purple:#8b5cf6;
  --gold:#f59e0b;--red:#ef4444;--teal:#ea580c;
  --h:'Baloo 2',cursive;--b:'Nunito',sans-serif;--m:'JetBrains Mono',monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100vh;font-family:var(--b);background:var(--bg);color:var(--text);font-size:15px;overflow-x:hidden}
.screen{display:none;min-height:100vh;flex-direction:column}
.screen.active{display:flex}