/* base.css - reset, brand colours, page layout, shared animations */
*{box-sizing:border-box;margin:0;padding:0}

/* ── BRAND COLOURS — UNCHANGED ── */
:root{
  --brand:#B4D647;--brand-dk:#6DA51A;--brand-light:#DDF9CC;
  --ink:#1E1E1E;--white:#FFFFFF;
  --green:#22C55E;--red:#EF4444;--amber:#F59E0B;--blue:#3B82F6;
  --shadow:0 8px 24px rgba(0,0,0,.18);
  --font-ui:'M PLUS 1',-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',sans-serif;
  --font-code:'JetBrains Mono','Fira Code',Consolas,'DejaVu Sans Mono','Courier New',monospace;
}

/* ── PAGE ── */
body{
  background:var(--bg);color:var(--text);
  font-family:var(--font-ui);font-size:14px;
  height:100vh;display:flex;flex-direction:column;overflow:hidden;
}

button,select,input{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--brand-dk);outline-offset:2px}

/* ── ANIMATIONS ── */
@keyframes spin{to{transform:rotate(360deg)}}