/* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #020617;
        }
        ::-webkit-scrollbar-thumb {
            background: #1e293b;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #10b981;
        }
        
        /* High contrast mode overrides */
        body.high-contrast {
            background-color: #000000 !important;
            color: #ffffff !important;
        }
        body.high-contrast .bg-slate-900,
        body.high-contrast .bg-slate-950,
        body.high-contrast .bg-slate-900\/60,
        body.high-contrast .bg-slate-900\/40 {
            background-color: #0d0d0d !important;
            border-color: #ffffff !important;
        }
        body.high-contrast text, body.high-contrast p, body.high-contrast span {
            color: #ffffff !important;
        }
        body.high-contrast .text-emerald-400,
        body.high-contrast .text-emerald-300 {
            color: #00ff66 !important;
        }

        /* Glassmorphism subtle effects */
        .glass-panel {
            background: rgba(15, 23, 42, 0.75);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        /* Code highlight simulated styling */
        .code-keyword { color: #c084fc; font-weight: 600; }
        .code-string { color: #fb923c; }
        .code-function { color: #60a5fa; }
        .code-comment { color: #64748b; font-style: italic; }
        .code-number { color: #facc15; }
        .code-class { color: #f43f5e; font-weight: 600; }

/* —— Tema claro / escuro (overrides sobre classes Tailwind fixas) —— */
.logo-escama {
  /* no fundo escuro: logo escura vira clara */
  filter: brightness(0) invert(1);
}
html.theme-light .logo-escama {
  filter: none; /* no claro, mantém original (preto sobre fundo claro) */
}

html.theme-light body {
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
}
html.theme-light header,
html.theme-light #mobile-menu {
  background-color: rgba(255, 255, 255, 0.92) !important;
  border-color: #e2e8f0 !important;
}
html.theme-light .logo-title { color: #0f172a !important; }
html.theme-light nav a,
html.theme-light #mobile-menu a {
  color: #334155 !important;
}
html.theme-light nav a:hover,
html.theme-light #mobile-menu a:hover {
  color: #059669 !important;
}
html.theme-light footer {
  background-color: #f8fafc !important;
  border-color: #e2e8f0 !important;
  color: #64748b !important;
}
html.theme-light section {
  border-color: #e2e8f0 !important;
}
html.theme-light .bg-slate-950,
html.theme-light .bg-slate-900,
html.theme-light .bg-slate-900\/60 {
  background-color: #ffffff !important;
}
html.theme-light .bg-slate-950\/90 {
  background-color: rgba(255,255,255,.92) !important;
}
html.theme-light .border-slate-800,
html.theme-light .border-slate-800\/80,
html.theme-light .border-slate-800\/60,
html.theme-light .border-slate-700\/60 {
  border-color: #e2e8f0 !important;
}
html.theme-light .text-slate-100,
html.theme-light .text-white {
  color: #0f172a !important;
}
html.theme-light .text-slate-300,
html.theme-light .text-slate-400,
html.theme-light .text-slate-500 {
  color: #475569 !important;
}
html.theme-light .bg-slate-900\/80,
html.theme-light .bg-slate-800 {
  background-color: #f1f5f9 !important;
}
html.theme-light #btn-theme,
html.theme-light #btn-mobile-menu {
  background-color: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  color: #334155 !important;
}
html.theme-light .api-card,
html.theme-light [class*="rounded-3xl"].bg-slate-900 {
  background-color: #fff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
}