:root {
    --bg-body: #0a0f18;
    --bg-dark-grey: #161c28;
    --bg-dark-blue: #111d35;
    --accent: #0ea5e9;
}

body {
    background-color: var(--bg-body);
    font-family: 'Inter', sans-serif;
    color: #e2e8f0;
    -webkit-font-smoothing: antialiased;
}

header {
    background: rgba(16, 28, 53, 0.85);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.navbar-brand { color: #fff; font-size: 1.25rem; letter-spacing: -0.5px; }

.nav-link { 
    color: #94a3b8 !important; 
    font-size: 0.9rem; 
    transition: color 0.3s;
}
.nav-link:hover { color: var(--accent) !important; }

.bg-dark-grey { background-color: var(--bg-dark-grey) !important; }
.bg-dark-blue { background-color: var(--bg-dark-blue) !important; }

h1, h2, h3 { color: #fff; }
.text-info { color: var(--accent) !important; }

.card { border-radius: 1rem; }

.accordion-button {
    background-color: var(--bg-dark-grey);
    color: #fff;
    font-weight: 600;
}
.accordion-button:not(.collapsed) {
    background-color: var(--bg-dark-blue);
    color: var(--accent);
    box-shadow: none;
}
.accordion-button::after { filter: invert(1); }

.table { color: #cbd5e1; border-color: #334155; }
.table th { background: #0f172a; color: #fff; }

#cookie-banner { z-index: 1050; }

a.text-info:hover { text-decoration: underline !important; }