/*
 Nerdhalla unified dark blue theme.
 Based on vpn.html.
 Preserves rainbow branding and functional status colors.
*/

:root {
  --bg: #090b17 !important;
  --bg2: #0d1122 !important;
  --panel: #13172a !important;
  --line: #353a5b !important;
  --text: #f3f4ff !important;
  --muted: #adb5d2 !important;
  --purple: #8294ed !important;
  --purple2: #b4c0ff !important;
}

html {
  color-scheme: dark;
}

body {
  background: #090b17 !important;
  color: #f3f4ff !important;
}

/* Navigation */
.topbar,
.site-header,
.portal-header,
header:not(.rainbow-header) {
  background-color: #0d1122 !important;
  border-color: #353a5b !important;
}

/* Main interface panels */
.portal-card,
.card,
.panel,
.portal-panel,
.sidebar,
.modal-content,
.dashboard-card,
.stat-card {
  background: #13172a !important;
  border-color: #353a5b !important;
  color: #f3f4ff;
}

/* Standard buttons */
.portal-btn:not(.danger):not(.secondary),
button:not(.danger):not(.suite-danger):not(.suite-warn):not(.toggle),
.btn:not(.danger) {
  background-color: #272d52 !important;
  background-image: none !important;
  border-color: #656ca6 !important;
  color: #fff;
}

.portal-btn:not(.danger):not(.secondary):hover,
button:not(.danger):not(.suite-danger):not(.suite-warn):not(.toggle):hover,
.btn:not(.danger):hover {
  background-color: #3a4477 !important;
}

/* Inputs */
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.portal-input,
.portal-select {
  background-color: #090d1f !important;
  border-color: #62688d !important;
  color: #f3f4ff !important;
}

/* Repeated content */
.inventory-item,
.achievement-row,
.portal-kv div,
.suite-box,
.suite-item {
  background-color: #101527 !important;
  border-color: #353a5b !important;
}

/* Preserve rainbow text, icons, and special graphics */
.rainbow,
.rainbow-text,
.rainbow-gradient {
  background-image: linear-gradient(
    90deg,
    #ff5f6d,
    #ff9f43,
    #ffd93d,
    #6bff95,
    #4dc9ff,
    #9b6cff,
    #ff6ec7
  );
}

/* Better focus visibility */
:focus-visible {
  outline: 2px solid #8da5ff;
  outline-offset: 2px;
}

/* Nerdhalla dark blue theme – footer and panel refinements */

/* Footer backgrounds, borders and links */
footer,
.site-footer,
.portal-footer,
.footer,
footer .footer-inner,
footer .footer-content {
    background: #090b17 !important;
    background-image: none !important;
    border-color: #353a5b !important;
    color: #adb5d2 !important;
}

footer a,
.site-footer a,
.portal-footer a {
    color: #b4c0ff;
}

/* Main panels and containers */
.portal-card,
.portal-panel,
.dashboard-card,
.stat-card,
.info-card,
.content-card,
.feature-card,
.settings-card,
.email-card,
.booster-card,
.boost-card,
.role-card,
.section-card,
.card,
.panel {
    background: #13172a !important;
    background-image: none !important;
    border-color: #353a5b !important;
    color: #f3f4ff;
}

/* General dashboard sections */
.portal-section,
.dashboard-section,
.settings-section,
.email-section,
.booster-section {
    border-color: #353a5b !important;
}

/* Purple-tinted information boxes */
.portal-kv div,
.inventory-item,
.achievement-row,
.suite-box,
.suite-item,
.info-box,
.feature-box,
.status-box {
    background: #101527 !important;
    background-image: none !important;
    border-color: #353a5b !important;
}

/* Standard page headings retain Nerdhalla branding */
h1, h2, h3, h4 {
    border-color: #353a5b;
}

/* Footer should visually blend into the page */
body > footer {
    box-shadow: none !important;
}


/* Nerdhalla dark blue theme – footer and panel refinements */

/* Footer backgrounds, borders and links */
footer,
.site-footer,
.portal-footer,
.footer,
footer .footer-inner,
footer .footer-content {
    background: #090b17 !important;
    background-image: none !important;
    border-color: #353a5b !important;
    color: #adb5d2 !important;
}

footer a,
.site-footer a,
.portal-footer a {
    color: #b4c0ff;
}

/* Main panels and containers */
.portal-card,
.portal-panel,
.dashboard-card,
.stat-card,
.info-card,
.content-card,
.feature-card,
.settings-card,
.email-card,
.booster-card,
.boost-card,
.role-card,
.section-card,
.card,
.panel {
    background: #13172a !important;
    background-image: none !important;
    border-color: #353a5b !important;
    color: #f3f4ff;
}

/* General dashboard sections */
.portal-section,
.dashboard-section,
.settings-section,
.email-section,
.booster-section {
    border-color: #353a5b !important;
}

/* Purple-tinted information boxes */
.portal-kv div,
.inventory-item,
.achievement-row,
.suite-box,
.suite-item,
.info-box,
.feature-box,
.status-box {
    background: #101527 !important;
    background-image: none !important;
    border-color: #353a5b !important;
}

/* Standard page headings retain Nerdhalla branding */
h1, h2, h3, h4 {
    border-color: #353a5b;
}

/* Footer should visually blend into the page */
body > footer {
    box-shadow: none !important;
}