/* SatsWallet DS2 - tokens (E1, 09/out/2026). Fonte: prototipo v21 aprovado por Samuel.
   Fontes locais, OFL (fonts/OFL-*.txt). Nenhuma requisicao externa.
   Barlow 500/600/700: Google Fonts v13, subconjunto latin (sha256 no handoff da E1).
   Inter: copia de web/inter.woff2 (Google Fonts v20 latin, variavel; mesmo sha) em fonts/, na lista fechada DS2. */
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/barlow-500.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/barlow-600.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/barlow-700.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;src:url("fonts/inter.woff2") format("woff2")}

/* Tema claro (padrao). [data-theme="light"] vale em qualquer elemento. */
:root,[data-theme="light"]{
  color-scheme:light;
  --bg:#FFFFFF;--bg-2:#F5F5F7;--surface:#FFFFFF;
  --text:#111111;--text-2:#6E6E73;--border:#E5E5E7;
  --accent:#A35200;--on-accent:#FFFFFF;
  --ok:#1C7A3B;--warn:#8A5800;--err:#C02A1D;
  --ok-bg:#EDF7F0;--warn-bg:#FBF3E4;--err-bg:#FCEDEC;
  --scrim:rgba(0,0,0,.36);
  --shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);
}
:root{
  --f-display:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-text:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;
  --r-sm:8px;--r-md:14px;--r-lg:22px;--r-pill:999px;
  --tap:48px;--col:480px;
  --dur:180ms;--dur-sheet:240ms;--ease:cubic-bezier(.2,.7,.2,1);
}
/* Tema escuro: sistema (se ninguem escolheu claro) ou escolha explicita.
   Os dois blocos abaixo TEM de ser iguais: ops/redesign/teste_chave_ds2.py compara todas as declaracoes. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#08090B;--bg-2:#121417;--surface:#191B1F;
    --text:#F5F5F7;--text-2:#989BA3;--border:#292C32;
    --accent:#F7931A;--on-accent:#111111;
    --ok:#4CC874;--warn:#E6B04C;--err:#FF7366;
    --ok-bg:#12241A;--warn-bg:#2A2212;--err-bg:#2D1614;
    --scrim:rgba(0,0,0,.6);--shadow:0 1px 2px rgba(0,0,0,.4);
  }
}
[data-theme="dark"]{
  color-scheme:dark;
  --bg:#08090B;--bg-2:#121417;--surface:#191B1F;
  --text:#F5F5F7;--text-2:#989BA3;--border:#292C32;
  --accent:#F7931A;--on-accent:#111111;
  --ok:#4CC874;--warn:#E6B04C;--err:#FF7366;
  --ok-bg:#12241A;--warn-bg:#2A2212;--err-bg:#2D1614;
  --scrim:rgba(0,0,0,.6);--shadow:0 1px 2px rgba(0,0,0,.4);
}
@media (prefers-reduced-motion:reduce){
  :root{--dur:0ms;--dur-sheet:0ms}
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Sem zoom involuntario (Samuel 10/out). A pinca continua liberada: nada de maximum-scale/user-scalable.
   1) duplo toque nao amplia a tela; 2) campo >= 16px (iOS nao amplia no foco); 3) nada mais largo que a tela, inclusive com zoom 150%. */
html,body,a,button,input,select,textarea,label,summary,[role=button],[role=tab]{touch-action:manipulation}
input,select,textarea{font-size:max(16px,1em)}
html,body{max-width:100%;overflow-x:clip}
.actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.actions .btn{min-width:0}
@media (max-width:299px){.actions{gap:var(--s2)}.actions .btn{padding:0 var(--s2);gap:var(--s1)}}
@media (max-width:239px){.actions{grid-template-columns:minmax(0,1fr)}}