/* base.css - paint colours, page layout, toast */
:root{
  --lime:#B4D647;--lime-deep:#8fb52f;--lime-soft:#eaf6c4;
  --ink:#1E1E1E;--cream:#fbfdf2;--stage:#dcebaa;--dot:#cfe08a;
  --shadow:0 3px 0 var(--ink);
  --font-ui:'M PLUS 1',-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',sans-serif;
}

body{
  background:var(--cream);color:var(--ink);
  font-family:var(--font-ui);font-size:14px;
  height:100vh;display:flex;flex-direction:column;overflow:hidden;
}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px}

/* toast (same look as the Arduino editor) */
#toastBox{position:fixed;bottom:34px;left:50%;transform:translateX(-50%);background:#1E1E1E;color:#FFF;font-size:12px;padding:8px 18px;border-radius:18px;box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:999999;opacity:0;transition:opacity .25s;pointer-events:none;max-width:min(560px,90vw);text-align:center;line-height:1.45}
#toastBox.show{opacity:1}
#toastBox.err{background:var(--red)}
#toastBox.ok{background:var(--brand-dk)}