/* Padrões visuais do Trado na landing. ORIGEM: Trado-App/src/styles.css (blocos :root e :root[data-theme="dark"]).
   Só as variáveis de marca vêm para cá. Se o app mudar uma cor, `npm run conferir` avisa; ajuste aqui à mão. */
@font-face{font-family:"Zilla Slab";font-weight:500;font-display:swap;src:url("../fonts/zilla-slab-500-latin.woff2") format("woff2");}
@font-face{font-family:"Zilla Slab";font-weight:600;font-display:swap;src:url("../fonts/zilla-slab-600-latin.woff2") format("woff2");}
@font-face{font-family:"Zilla Slab";font-weight:700;font-display:swap;src:url("../fonts/zilla-slab-700-latin.woff2") format("woff2");}

:root{
  --bg:#EFF1EC; --panel:#FBFBF9; --panel2:#F5F6F2; --line:#D6D9D0;
  --text:#232821; --sub:#62685B; --accent:#1F4D4A; --accent2:#76592F;
  --pos:#2F6B4F; --neg:#9C3B3B; --warn:#86601A;
  --radius:10px;
}
:root[data-theme="dark"]{
  --bg:#121212; --panel:#1a1a1a; --panel2:#212121; --line:#2e2e2e;
  --text:#EDEDEA; --sub:#9B9B95; --accent:#3E9A84; --accent2:#B98A4E;
  --pos:#4CAF7D; --neg:#E37A7E; --warn:#C79A4B;
}
/* Títulos de seção: Zilla Slab, verde, com barra bronze de 44px (como no app). */
h1,h2,h3{font-family:"Zilla Slab",Georgia,serif;font-weight:700;letter-spacing:0;}
.titulo-secao{color:var(--accent);padding-bottom:7px;position:relative;}
.titulo-secao::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;background:var(--accent2);}