/* Identidade visual Nue — tokens globais (skill de Identidade Visual, seção 13).
   Use sempre estes tokens; não escreva hex solto no CSS das telas. */
:root{--teal:#063845;--ink:#0B2E38;--muted:#4E6870;--bg:#F7F8F4;--surf:#FFFFFF;--line:#DCDCD3;--areia:#D6D1CA;--areia3:#E8E4DC;
 --gold:#B8945A;--gold-text:#8A6A36;--gold-on-teal:#C9A56A;--ok:#2F6E55;--no:#A2503F;--warnbg:#FBF3E6;
 --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;
 --t1:12px;--t2:14px;--t3:16px;--t4:20px;--t5:28px;--t6:40px;--r:2px;--hit:44px;
 --m1:100ms;--m2:150ms;--m3:200ms;--m4:300ms;--focus:0 0 0 2px var(--bg),0 0 0 4px var(--teal)}
/* Variações do teal e da areia (seção 2 da skill). */
:root{--teal2:#163F49;--areia2:#D9D2C4}
:root[data-theme="dark"],html.dark{--teal:#000000;--ink:#ECEAE6;--muted:#A8A49E;--bg:#000000;--surf:#0E0E0E;--line:#2A2A2A;--areia3:#1A1A1A;
 --gold:#C9A56A;--gold-text:#C9A56A;--ok:#6FB596;--no:#E39A88;--warnbg:#1E1A12;--focus:0 0 0 2px #000,0 0 0 4px #C9A56A}
body{background:var(--bg);color:var(--ink);font:400 var(--t3)/1.5 "DIN","Montserrat",Helvetica,Arial,sans-serif}
:focus-visible{outline:none;box-shadow:var(--focus)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}