/* Kasaweb Studio — tema verde suave, pouca luz (carregado depois do estilo de cada página) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap');

:root {
  --bg:#0b0f0d; --card:#111714; --line:#1f2924; --txt:#c3d1c8; --mut:#7d8b83;
  --acc:#7fae92; --acc2:#7fae92; --ok:#7fae92; --warn:#b9c4a0; --err:#e08a8a;
  --acc-d:#2c4a3a; --acc-t:#0c130f;
  color-scheme: dark;
}
html body {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-weight: 400; line-height: 1.55;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0;
}
/* fontes mais leves em tudo */
h1, h2, h3, h4, h5, h6, b, strong, th, label, button, .btn, .tab,
.font-bold, .font-semibold, .font-medium, [class*="font-"] { font-weight: 500 !important; }
h1, h2, h3, h4 { letter-spacing: -0.01em; font-weight: 500 !important; }
[style*="font-weight:600"], [style*="font-weight:700"], [style*="font-weight:800"], [style*="font-weight: 600"], [style*="font-weight: 700"] { font-weight: 500 !important; }
::selection { background:#3f6b53; color:#eaf3ed; }
* { scrollbar-color: #2a3a31 transparent; scrollbar-width: thin; }
::-webkit-scrollbar { width:9px; height:9px; }
::-webkit-scrollbar-thumb { background:#25332b; border-radius:10px; border:2px solid transparent; background-clip:padding-box; }

/* Ícones de linha finos (icons.js) */
.ico { display:inline-flex; align-items:center; justify-content:center; width:1.1em; height:1.1em; vertical-align:-0.2em; flex:none; line-height:1; }
.ico svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.25; stroke-linecap:round; stroke-linejoin:round; }
.emo { filter: grayscale(1) contrast(1.05); }

/* Componentes */
header { background: rgba(11,15,13,.88) !important; border-bottom-color:#1a231e !important; }
.btn { transition: background-color .15s, border-color .15s, color .15s, opacity .15s; font-weight:400 !important; }
.btn:hover { border-color:#3b5446; }
.btn.pri, .btn.ok { background:#2f5240 !important; color:#d5e6dc !important; border:1px solid #3d6650 !important; }
.btn.pri:hover, .btn.ok:hover { background:#376148 !important; border-color:#4a7a5e !important; }
.btn.dng { color:#e08a8a; }
.btn.dng.fill { background:#3a1f1f !important; color:#f0c4c4 !important; border-color:#552d2d !important; }
.tab.on { background:#2f5240 !important; border-color:#3d6650 !important; color:#d5e6dc !important; }
a.lnk { color:#9cc2ac !important; }
a.lnk:hover { color:#c3dccb !important; }
input, select, textarea { font-weight:400; }
input:focus, select:focus, textarea:focus { outline:none; border-color:#4a7a5e !important; box-shadow:0 0 0 3px rgba(127,174,146,.12); }
input[type=checkbox], input[type=radio] { accent-color:#5f9a78; }
dialog { box-shadow: 0 30px 80px rgba(0,0,0,.55); }
.badge { background:#2f5240 !important; color:#d5e6dc !important; font-weight:400 !important; }

/* Botão liga/desliga (galerias) */
.sw .sl { background:#25332b !important; }
.sw input:checked + .sl { background:#4a7a5e !important; }
.sw input:checked + .sl::after { background:#d5e6dc !important; }
.sw input:checked ~ .st { color:#9cc2ac !important; }