/* Tokens e base de todas as telas do site.
   Paleta "opção F" do app do aluno: preto absoluto + mint.
   No Apps Script cada tela tinha a própria cópia da paleta — aqui é
   uma só, e as telas só acrescentam o que é delas. */
:root{
  --page-bg:#000000; --bg:#000000;
  --surface-1:#0c1c18; --surface-2:#132922; --surface-3:#1a332b;
  --border:#193229; --border-soft:#122620;
  --ink-primary:#eafcf6; --ink-secondary:#83a89c; --ink-muted:#4d6a61;
  --accent:#1affc2; --accent-ink:#001a12; --accent-soft:rgba(26,255,194,0.13); --accent-line:rgba(26,255,194,0.35);
  --logo-mint:#3FFFC2;
  --warn:#E8A33D; --erro:#ff8080;
  color-scheme:dark;
}
*{ box-sizing:border-box; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
html,body{ height:100%; }
body{
  margin:0; background:var(--bg); color:var(--ink-primary);
  font-family:'Inter',ui-sans-serif,system-ui,sans-serif; -webkit-font-smoothing:antialiased;
}
.num{ font-family:'JetBrains Mono',ui-monospace,monospace; font-variant-numeric:tabular-nums; }
.oculto{ display:none !important; }
:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }