/*
 * Kreative Kompas theme override for NetBird dashboard.
 * Mounted at /usr/share/nginx/html/kk-theme/ and injected via kk-theme.conf (nginx sub_filter).
 * Contrast rules follow palette.md; dark mode only.
 */

@import url("/kk-theme/brand/fonts.css");

html, body, button, input, select, textarea {
    font-family: "Inter", system-ui, sans-serif !important;
}

pre, code, kbd {
    font-family: "JetBrains Mono", monospace !important;
}

html, body {
    background-color: #0c0917 !important;
    color: #f4eefc !important;
}

::selection {
    background: #5c398e !important;
    color: #ffffff !important;
}

*:focus-visible {
    outline: 2px solid #f3941f !important;
    outline-offset: 2px !important;
}

a:not([class]) {
    color: #f3941f !important;
}

a:not([class]):hover {
    color: #f7ae55 !important;
}

[class*="bg-nb-gray-960"],
[class*="bg-nb-gray-950"],
[class*="bg-nb-gray-940"],
body,
html {
    background-color: #0c0917 !important;
}

[class*="bg-nb-gray-935"],
[class*="bg-nb-gray-930"],
[class*="bg-nb-gray-925"],
[class*="bg-nb-gray-920"] {
    background-color: #1c1329 !important;
}

[class*="bg-nb-gray-910"],
[class*="bg-nb-gray-900"] {
    background-color: #2c1f3f !important;
}

[class*="bg-nb-gray-850"],
[class*="bg-nb-gray-800"],
[class*="bg-nb-gray-700"],
[class*="bg-nb-gray-600"] {
    background-color: #4a3570 !important;
}

[class*="border-nb-gray-900"],
[class*="border-nb-gray-910"],
[class*="border-nb-gray-920"],
[class*="border-nb-gray-930"],
[class*="border-nb-gray-800"],
[class*="border-nb-gray-850"],
[class*="border-nb-gray-700"] {
    border-color: #3a2953 !important;
}

[class*="text-nb-gray-100"],
[class*="text-nb-gray-200"] {
    color: #f4eefc !important;
}

[class*="text-nb-gray-300"],
[class*="text-nb-gray-400"],
[class*="text-nb-gray-500"] {
    color: #c8c4d8 !important;
}

[class*="text-nb-gray-600"],
[class*="text-nb-gray-700"],
[class*="text-nb-gray-800"],
[class*="text-nb-gray-900"],
[class*="text-nb-gray-950"],
[class*="text-nb-gray-960"],
[class*="text-nb-gray-970"],
[class*="text-nb-gray-980"],
[class*="text-nb-gray-990"],
[class*="text-nb-gray-1000"] {
    color: #a39cbc !important;
}

[class*="text-netbird"],
[class*="text-netbird-100"],
[class*="text-netbird-200"],
[class*="text-netbird-300"],
[class*="text-netbird-400"],
[class*="text-netbird-500"],
[class*="text-netbird-600"],
[class*="text-netbird-700"],
[class*="text-netbird-800"],
[class*="text-netbird-900"],
[class*="text-netbird-950"],
[class*="text-netbird-960"],
[class*="text-netbird-970"],
[class*="text-netbird-980"],
[class*="text-netbird-990"],
[class*="text-netbird-1000"] {
    color: #f3941f !important;
}

[class*="bg-netbird"] {
    background-color: #f3941f !important;
    color: #1c1329 !important;
}

[class*="border-netbird"],
[class*="ring-netbird"] {
    border-color: #f3941f !important;
}

[class*="bg-netbird-950"],
[class*="bg-netbird-900"] {
    background-color: #2c1f3f !important;
    border-color: #f3941f !important;
    color: #f4eefc !important;
}

/* Sign-in page (embedded Dex at /oauth2, injected by Nginx Proxy Manager) */
html body:has(.nb-container) { background-color: #0c0917 !important; color: #f4eefc !important; }
.nb-card { background-color: #1c1329 !important; border-color: #2c1f3f !important; }
.nb-heading { color: #ffffff !important; }
.nb-subheading, .nb-label { color: #c8c4d8 !important; }
.nb-input { background-color: #2c1f3f !important; border-color: #3a2953 !important; color: #f4eefc !important; }
.nb-input:focus { border-color: #f3941f !important; }
.nb-btn { background-color: #f3941f !important; color: #1c1329 !important; }
.nb-btn:hover { background-color: #f7ae55 !important; }
.nb-container a { color: #f3941f !important; }
.nb-btn-connector { background-color: #2c1f3f !important; border-color: #3a2953 !important; color: #f4eefc !important; }
.nb-btn-connector:hover { border-color: #f3941f !important; }