:root{--bg-light:#f8fafc;--bg-dark:#0f172a;--text-light:#1e293b;--text-dark:#f1f5f9;--primary:#059669;--primary-dark:#047857;--secondary:#3b82f6;--success:#10b981;--warning:#f59e0b}

/* Botão de modo escuro unificado */
.toggle-mode{position:fixed;top:20px;right:20px;z-index:1000}
.toggle-mode button{background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);color:#fff;padding:10px 12px;border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s}
.toggle-mode button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15)}

/* Tema escuro padronizado */
.dark-mode body{background:linear-gradient(135deg,var(--bg-dark) 0%,#1e293b 100%);color:var(--text-dark)}
.dark-mode .header{background:linear-gradient(135deg,#1e293b 0%,#334155 100%)}
.dark-mode .container{background:rgba(30,41,59,.95);box-shadow:0 20px 25px -5px rgba(0,0,0,.3)}
.dark-mode h1{color:#10b981}
.dark-mode h2{color:#34d399;border-left-color:#10b981}
.dark-mode strong{color:#10b981}
.dark-mode .content-section{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-left-color:#3b82f6}
.dark-mode .warning-section{background:linear-gradient(135deg,#451a03 0%,#78350f 100%);border-left-color:var(--warning)}
.dark-mode .success-section{background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border-left-color:var(--success)}
.dark-mode footer{color:#9ca3af}