/* Base: tokens de cor e tipografia, tema claro/escuro e corpo da página */
:root{
  --paper:#f4f2ec; --sheet:#fbfaf6; --ink:#1d1d1b; --ink2:#5d5a52; --rule:#d6d1c4; --steel:#c2410c; --glass:#3d6b85;
  --btn:#ebe7dc; --btn-on:#1d1d1b; --btn-on-fg:#fbfaf6;
  --display:'IBM Plex Sans Condensed','Arial Narrow',Arial,sans-serif; --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --paper:#1b1c1d; --sheet:#232426; --ink:#ecebe6; --ink2:#a6a39a; --rule:#3a3b3d; --steel:#f0773f; --glass:#8ec0da;
  --btn:#2d2e30; --btn-on:#ecebe6; --btn-on-fg:#1b1c1d; color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#1b1c1d; --sheet:#232426; --ink:#ecebe6; --ink2:#a6a39a; --rule:#3a3b3d; --steel:#f0773f; --glass:#8ec0da;
  --btn:#2d2e30; --btn-on:#ecebe6; --btn-on-fg:#1b1c1d; color-scheme:dark}
body{background:var(--paper);color:var(--ink);font:15px/1.5 var(--display);
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:20px 48px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}