/* Cores do site. Claro é o padrão, escuro segue o sistema ou a escolha no botão. */
:root{
  color-scheme:light;
  --surface:#ffffff;--alt:#f4f6f1;--ink:#14201a;--ink2:#2d3a31;--muted:#4c5a50;
  --brand-ink:#17752f;--line:#dfe5db;--tag-bg:#e6f1e7;--tag-ink:#0d3b24;--num:#c8d4c6;
  --hdr:rgba(255,255,255,.96);--shadow:rgba(13,59,36,.14);
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --surface:#141d17;--alt:#0e1511;--ink:#e6ede7;--ink2:#cfd9d1;--muted:#a3b2a7;
  --brand-ink:#5fcf7c;--line:#26332b;--tag-bg:#1d3a27;--tag-ink:#bfe8c8;--num:#34463a;
  --hdr:rgba(14,21,17,.92);--shadow:rgba(0,0,0,.45);
}
body{background:var(--surface);color:var(--ink);transition:background-color .3s ease,color .3s ease}

/* Logo certo pra cada tema */
.brand .logo-dark{display:none}
:root[data-theme="dark"] .brand .logo-light{display:none}
:root[data-theme="dark"] .brand .logo-dark{display:block}

/* Botão de tema */
.hdr{justify-content:flex-start !important}
.nav{order:2;margin-left:auto}
.theme-btn{order:3;background:none;border:1px solid var(--line);color:var(--ink);width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;transition:transform .3s ease,border-color .2s ease}
.theme-btn:hover{border-color:var(--brand-ink);transform:rotate(-20deg)}
.theme-btn .i-sun{display:none}
:root[data-theme="dark"] .theme-btn .i-sun{display:block}
:root[data-theme="dark"] .theme-btn .i-moon{display:none}
.menu-btn{order:4}
@media (max-width:900px){.theme-btn{margin-left:auto}}

:root[data-theme="dark"] .card:hover{box-shadow:0 18px 36px var(--shadow)}
:root[data-theme="dark"] .site-header.scrolled{box-shadow:0 6px 20px rgba(0,0,0,.5)}
:root[data-theme="dark"] img{filter:brightness(.92)}
:root[data-theme="dark"] .brand img{filter:none}
:root[data-theme="dark"] #brigada{background:#0a100c !important}