/* base-documentacao.css */
:root {
    --docs-cor-moonshield: #6A69F4;
    --docs-cor-moonshield-hover: #7a79ff;
    
    --docs-fonte-principal: "Instrument Sans", system-ui, -apple-system, sans-serif;
    --docs-fonte-mono: "IBM Plex Mono", Consolas, monospace;
    
    --docs-espaco-sm: 8px;
    --docs-espaco-md: 16px;
    --docs-espaco-lg: 24px;
    --docs-espaco-xl: 32px;
    
    --docs-radius-sm: 4px;
    --docs-radius-md: 6px;
    --docs-radius-lg: 8px;
    
    --docs-largura-conteudo: 820px;
    --docs-largura-sidebar: 280px;
    --docs-largura-toc: 240px;
    --docs-altura-header: 64px;
    
    --docs-transicao: 200ms ease;
}

[data-tema="claro"] {
    --docs-bg-geral: #FAFAFB;
    --docs-bg-superficie: #FFFFFF;
    --docs-bg-sidebar: #F4F4F5;
    --docs-bg-hover: #F0F0F2;
    --docs-bg-codigo: #F1F1F3;
    
    --docs-texto-principal: #16161A;
    --docs-texto-secundario: #686872;
    --docs-texto-mutado: #91919D;
    
    --docs-borda: rgba(0, 0, 0, 0.08);
    --docs-borda-forte: rgba(0, 0, 0, 0.15);
    
    --docs-shadow-modal: 0 10px 40px rgba(0, 0, 0, 0.1);
    
    --docs-dropdown-bg: #FFFFFF;
    --docs-dropdown-border: rgba(15, 15, 20, 0.08);
    --docs-dropdown-hover: rgba(15, 15, 20, 0.04);
    --docs-dropdown-active: rgba(106, 105, 244, 0.08);
}

[data-tema="escuro"] {
    --docs-bg-geral: #08080B;
    --docs-bg-superficie: #0D0D12;
    --docs-bg-sidebar: #0B0B0E;
    --docs-bg-hover: #16161E;
    --docs-bg-codigo: #111117;
    
    --docs-texto-principal: #F5F5F7;
    --docs-texto-secundario: #9B9CA8;
    --docs-texto-mutado: #686872;
    
    --docs-borda: rgba(255, 255, 255, 0.07);
    --docs-borda-forte: rgba(255, 255, 255, 0.15);
    
    --docs-shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.5);
    
    --docs-dropdown-bg: #111117;
    --docs-dropdown-border: rgba(255, 255, 255, 0.08);
    --docs-dropdown-hover: rgba(255, 255, 255, 0.05);
    --docs-dropdown-active: rgba(106, 105, 244, 0.1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    font-family: var(--docs-fonte-principal);
    background: var(--docs-bg-geral);
    color: var(--docs-texto-principal);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}
.mono { font-family: var(--docs-fonte-mono); }
a { color: inherit; text-decoration: none; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--docs-borda-forte); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--docs-texto-mutado); }