:root {
    --bg-deep-dark: #0f1115;
    --bg-dark-panel: #1a1d24;
    --border-color: #2b303b;
    --text-primary: #ffffff;
    --text-secondary: #a0a5b1;
    --accent-blue: #3b82f6;
    --accent-purple: #8b5cf6;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-deep-dark);
    color: var(--text-primary);
    overflow-x: hidden;
}

.bg-deep-dark { background-color: var(--bg-deep-dark) !important; }
.bg-dark-panel { background-color: var(--bg-dark-panel) !important; }
.text-muted { color: var(--text-secondary) !important; }
.border-secondary-subtle { border-color: var(--border-color) !important; }

/* Scrollbar Bonita */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--bg-deep-dark); }
::-webkit-scrollbar-thumb { background: #3f4452; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #555b6e; }

/* Tipografia e Títulos Especiais */
.title-gradient {
    background: linear-gradient(90deg, var(--accent-blue), var(--accent-purple));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Modal Customizado */
.modal-content {
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

/* Form Controls */
.form-control, .form-select {
    border-radius: 8px;
}
.form-control:focus, .form-select:focus {
    background-color: #232731 !important;
    border-color: var(--accent-blue);
    box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.25);
    color: white !important;
}

/* Modificação no Autocomplete para temas escuros */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #1a1d24 inset !important;
    -webkit-text-fill-color: white !important;
}