:root {
    --primary-bg: #121212;
    --primary-text: #f5f2f7;
    --primary-heading: #c5a3ff;
    --primary-border: #2a2a2a;
    --primary-accent: #8a2be2; /* violet profond */
}

body {
    background-color: var(--primary-bg);
    color: var(--primary-text);
    font-family: "Segoe UI", sans-serif;
}

h1,
h2,
h3,
h4 {
    color: var(--primary-heading);
}

a,
.nav-link {
    color: var(--primary-accent);
}

a:hover,
.nav-link:hover {
    color: #b76df5;
}

.card,
.sidebar,
.navbar {
    background-color: #1e1e1e;
    color: var(--primary-text);
    border: 1px solid var(--primary-border);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.table {
    background-color: #1c1c1c;
    color: var(--primary-text);
}

.btn-primary {
    background-color: var(--primary-accent);
    border-color: var(--primary-accent);
}

.btn-primary:hover {
    background-color: #6e22c7;
    border-color: #6e22c7;
}

.input-group .form-control {
    background-color: #2b2b2b;
    color: var(--primary-text);
    border: 1px solid var(--primary-border);
}

.input-group .form-control::placeholder {
    color: #888;
}

.input-group .form-control:focus {
    border-color: var(--primary-accent);
    box-shadow: 0 0 0 0.2rem rgba(138, 43, 226, 0.25);
}

.text-violet {
    color: var(--primary-accent);
}