/* Ferramentas — acabamento exclusivo para o tema claro.
   Carregado depois dos estilos da aplicação para que controles criados via JS
   permaneçam legíveis em todas as ferramentas. */
html[data-theme="light"] .tools-page{
  --tp-bg:#f7f7f3;
  --tp-panel:#ffffff;
  --tp-soft:#f4f5ef;
  --tp-border:#dce2d8;
  --tp-ink:#18201b;
  --tp-muted:#607066;
  --tp-lime:#b9f000;
  --tp-shadow:0 18px 46px rgba(34,48,36,.09);
  color:var(--tp-ink);
}
html[data-theme="light"] .tools-page .tools-hero{
  background:radial-gradient(circle at 80% 18%,rgba(185,240,0,.23),transparent 27%),linear-gradient(135deg,#fff 0%,#f4f6ee 72%,#eef8d4 100%);
  border-color:#dce3d3;
}
html[data-theme="light"] .tools-page .tools-hero:before{opacity:.055}
html[data-theme="light"] .tools-page .tools-hero h1,
html[data-theme="light"] .tools-page .workbench-header h2,
html[data-theme="light"] .tools-page .drop-zone strong{color:#172019}
html[data-theme="light"] .tools-page .tools-hero h1 em{color:#9aa6b3}
html[data-theme="light"] .tools-page .tools-hero>div>p:not(.tools-kicker),
html[data-theme="light"] .tools-page .workbench-header div>p:last-child,
html[data-theme="light"] .tools-page .drop-zone span,
html[data-theme="light"] .tools-page .drop-zone small,
html[data-theme="light"] .tools-page .tool-actions>span{color:#66746b}
html[data-theme="light"] .tools-page .tools-hero-metrics span{background:#e9ece8;color:#566359}
html[data-theme="light"] .tools-page .tools-hero-metrics b{color:#5c8700}
html[data-theme="light"] .tools-page .tools-hero-art small{color:#33422a}

html[data-theme="light"] .tools-page .tools-directory,
html[data-theme="light"] .tools-page .tool-workbench{background:#fff;border-color:#dce2d8}
html[data-theme="light"] .tools-page .tools-directory-heading span,
html[data-theme="light"] .tools-page .tool-group p{color:#748075}
html[data-theme="light"] .tools-page .tools-directory-heading strong{color:#1b251e}
html[data-theme="light"] .tools-page .tools-search{background:#f7f8f4;border-color:#d8dfd5}
html[data-theme="light"] .tools-page .tools-search input{color:#1e2922!important}
html[data-theme="light"] .tools-page .tools-search input::placeholder{color:#829086!important;opacity:1}
html[data-theme="light"] .tools-page .tool-item{color:#5c6b62}
html[data-theme="light"] .tools-page .tool-item:hover{background:#edf2e7;color:#1b281e}
html[data-theme="light"] .tools-page .tool-item.active{color:#17200c;background:#b9f000;box-shadow:0 9px 22px rgba(132,180,0,.20)}
html[data-theme="light"] .tools-page .tools-directory::-webkit-scrollbar-track{background:#edf0e9;border-radius:99px}
html[data-theme="light"] .tools-page .tools-directory::-webkit-scrollbar-thumb{background:#aeb9ae;border:1px solid #edf0e9}

html[data-theme="light"] .tools-page .workbench-header{background:linear-gradient(90deg,rgba(185,240,0,.16),rgba(255,255,255,0) 58%);border-color:#e0e5dd}
html[data-theme="light"] .tools-page .tool-icon{background:#b9f000;color:#17200c}
html[data-theme="light"] .tools-page .local-badge{background:#f3fae4;border-color:#b9d48c;color:#527500}
html[data-theme="light"] .tools-page .tool-favorite-toggle{background:#fff;border-color:#d7dfd3;color:#263129}
html[data-theme="light"] .tools-page .tool-favorite-toggle:hover,
html[data-theme="light"] .tools-page .tool-favorite-toggle.is-favorite{background:#effbd4;border-color:#9bcf21;color:#486a00}

html[data-theme="light"] .tools-page .drop-zone{background:#fbfcf9;border-color:#aab8ac}
html[data-theme="light"] .tools-page .drop-zone:hover,
html[data-theme="light"] .tools-page .drop-zone.is-drag{background:#f4fce5;border-color:#86ad19}
html[data-theme="light"] .tools-page .drop-visual{background:#eef5dc;color:#5f8900}
html[data-theme="light"] .tools-page .outline-button{background:#26313b;border-color:#26313b;color:#fff}
html[data-theme="light"] .tools-page .outline-button:hover{background:#18211f}
html[data-theme="light"] .tools-page .canvas-stage{border-color:#dbe1d8;background:repeating-conic-gradient(#f0eee8 0% 25%,#fff 0% 50%) 50%/24px 24px}
html[data-theme="light"] .tools-page .canvas-stage:after{background:#e3e8df;color:#526056}
html[data-theme="light"] .tools-page .canvas-empty{color:#748077}
html[data-theme="light"] .tools-page .tool-controls{background:#fff}
html[data-theme="light"] .tools-page .control-field label{color:#4c5b51}
html[data-theme="light"] .tools-page .control-field input,
html[data-theme="light"] .tools-page .control-field select,
html[data-theme="light"] .tools-page .control-field textarea{background:#fff;border-color:#d6ddd3;color:#1d2820}
html[data-theme="light"] .tools-page .control-field input:focus,
html[data-theme="light"] .tools-page .control-field select:focus,
html[data-theme="light"] .tools-page .control-field textarea:focus{border-color:#8ebd16;box-shadow:0 0 0 3px rgba(185,240,0,.18)}
html[data-theme="light"] .tools-page .tool-actions{background:#f7f8f4;border-color:#e0e5de}
html[data-theme="light"] .tools-page .lime-button{background:#b9f000;color:#18200d;box-shadow:0 10px 20px rgba(138,181,0,.18)}
html[data-theme="light"] .tools-page .tool-result{background:#f2fbe0;border-color:#b4d475;color:#355500}
html[data-theme="light"] .tools-page .tool-result a{color:#426900}
html[data-theme="light"] .tools-page .palette-swatch{background:#edf1ea;color:#223126}
html[data-theme="light"] .tools-page .tools-bottom{background:linear-gradient(120deg,#fff,#f1f8df);border-color:#dce4d5}
html[data-theme="light"] .tools-page .tools-bottom p{color:#637168}
html[data-theme="light"] .tools-page .tools-bottom-list b{background:#e8ede4;color:#3f5145}

html[data-theme="light"] .tools-page[data-tool="palette"] .canvas-stage,
html[data-theme="light"] .tools-page[data-tool="gradient"] .canvas-stage,
html[data-theme="light"] .tools-page[data-tool="font"] .canvas-stage{background:#f6f8f2}
html[data-theme="light"] .tools-page[data-tool="qr"] .canvas-stage{background:linear-gradient(135deg,#edf7de,#fff)}
html[data-theme="light"] .tools-page .special-preview{color:#18201b}
html[data-theme="light"] .tools-page .font-preview{color:#18201b}

@media (max-width:900px){
  html[data-theme="light"] .tools-page .tools-directory{background:#fff}
}