/* Variáveis, tema claro/escuro e reset. Mude cores e fontes aqui. */
:root{
  --paper:#EEF0EC;
  --surface:#FBFBF8;
  --ink:#1F3A4D;
  --ink-soft:#4C6273;
  --line:#D5D9D2;
  --line-strong:#B9BFB6;
  --accent:#1F3A4D;
  --danger:#B23A2E;
  --p-alta:#B23A2E;
  --p-media:#C8842B;
  --p-baixa:#2E7D6B;
  --p-none:#9AA6AE;
  --radius:6px;
  --font-display:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;
  --font-ui:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
:root[data-theme="dark"]{
  --paper:#14202A;
  --surface:#1C2C38;
  --ink:#E6ECE8;
  --ink-soft:#9DB0BC;
  --line:#2C4050;
  --line-strong:#3E566A;
  --accent:#E6ECE8;
  --danger:#E0705F;
  --p-alta:#E0705F;
  --p-media:#E0A550;
  --p-baixa:#5CB59F;
  --p-none:#6F8595;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#14202A;--surface:#1C2C38;--ink:#E6ECE8;--ink-soft:#9DB0BC;
    --line:#2C4050;--line-strong:#3E566A;--accent:#E6ECE8;--danger:#E0705F;
    --p-alta:#E0705F;--p-media:#E0A550;--p-baixa:#5CB59F;--p-none:#6F8595;
  }
}
*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{
  background:var(--paper);color:var(--ink);
  font:400 15px/1.45 var(--font-ui);
  display:flex;flex-direction:column;min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:3px}

/* O conteúdo inteiro mora dentro de #app: ele precisa ocupar a altura da tela
   para que as telas (entrada centralizada, quadro rolável) se ajustem. */
.app{flex:1;display:flex;flex-direction:column;min-height:0}
#avisos{position:fixed;left:0;right:0;bottom:22px;display:flex;justify-content:center;pointer-events:none;z-index:60}
#avisos .toast{position:static;transform:none;pointer-events:auto}