/* ================= TEMA E VARIÁVEIS (global.css) ================= */
:root { 
    --brand-primary: #10b981; 
    --brand-primary-hover: #059669; 
    --brand-accent: #f59e0b; 
    --brand-danger: #ef4444; 
    --brand-success: #10b981; 
    --bg-body: #f1f5f9; 
    --bg-sidebar: #0f172a; 
    --surface: #ffffff; 
    --text-main: #334155; 
    --text-muted: #64748b; 
    --text-title: #0f172a; 
    --border: #e2e8f0; 
    --shadow-sm: 0 4px 6px -1px rgba(0,0,0,0.05); 
    --shadow-lg: 0 10px 25px -5px rgba(0,0,0,0.1); 
    --radius: 12px; 
}

[data-theme="dark"] { 
    --bg-body: #0f172a; --bg-sidebar: #020617; --surface: #1e293b; 
    --text-main: #e2e8f0; --text-muted: #94a3b8; --text-title: #f8fafc; 
    --border: #334155; --shadow-sm: 0 4px 6px -1px rgba(0,0,0,0.3); 
}

* { 
    margin: 0; padding: 0; box-sizing: border-box; 
    font-family: 'Inter', sans-serif; 
    transition: background-color 0.2s, border-color 0.2s; 
}

body { 
    display: flex; height: 100vh; 
    background-color: var(--bg-body); color: var(--text-main); 
    overflow: hidden; 
}

::-webkit-scrollbar { width: 8px; height: 8px; } 
::-webkit-scrollbar-track { background: transparent; } 
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }

.cbt-grid-btn.answered-c { background: var(--brand-success); color: white; }
.cbt-grid-btn.answered-e { background: var(--brand-danger); color: white; }
.cbt-grid-btn.current { box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.6); }