/* Tema partilhado das páginas do site (index.html e qr/index.html).
   Os tokens repetem os do :root dos decks em anos/, que são auto-contidos
   (letra embebida) para funcionarem offline a partir de um único ficheiro.
   Sem pedidos externos: a letra está em shared/fonts/. */
@font-face{font-family:"AH";font-weight:400;font-display:swap;src:url(fonts/AtkinsonHyperlegible-Regular.ttf) format("truetype")}
@font-face{font-family:"AH";font-weight:700;font-display:swap;src:url(fonts/AtkinsonHyperlegible-Bold.ttf) format("truetype")}
:root{
  --bg:#0B1324; --bg2:#121C33; --card:#1C2742; --card2:#24314F;
  --ink:#FFFFFF; --ink2:#E6ECF5; --accent:#FFD23F; --accent2:#7FD4FF;
  --g:#166534; --g-ic:#86EFAC; --y:#92400E; --y-ic:#FDE68A;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-height:100vh;background:var(--bg);color:var(--ink);
  font-family:"AH","Atkinson Hyperlegible","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:1.125rem;line-height:1.5;-webkit-font-smoothing:antialiased}
main{max-width:40rem;margin:0 auto;padding:2rem 1rem 3rem}
h1{font-size:1.75rem;line-height:1.2;font-weight:700}
h2{font-size:1.3rem;line-height:1.25;font-weight:700;color:var(--accent);margin-top:2rem}
p{margin-top:1rem;color:var(--ink2)}
strong{color:var(--ink);font-weight:700}
a{color:var(--accent2);text-underline-offset:.15em}
a:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}
.ic{flex:none;width:2.5rem;height:2.5rem}
.ic svg{width:100%;height:100%}
.nota{font-size:.95rem;color:var(--ink2)}
@media (min-width:48rem){h1{font-size:2.25rem}main{padding-top:3.5rem}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}