/* Levi-X.de — Paperless Dark Theme (Landing-aligned, readable forms) */
@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&display=swap");

:root {
  --levi-bg: #050a0f;
  --levi-surface: #111820;
  --levi-input: #161b22;
  --levi-blue: #0081ff;
  --levi-cyan: #00ccff;
  --levi-text: #f0f4ff;
  --levi-muted: #c8d4e8;
  --levi-border: #2a3544;
  --levi-font: "Rajdhani", "Segoe UI", system-ui, sans-serif;
}

html, body {
  font-family: var(--levi-font) !important;
  background: var(--levi-bg) !important;
  color: var(--levi-text) !important;
}

.navbar, .top-bar, nav.navbar, header.navbar {
  background: linear-gradient(135deg, #030508 0%, #0d1a2d 100%) !important;
  border-bottom: 1px solid rgba(0, 129, 255, 0.25) !important;
}

.navbar-brand, a.navbar-brand {
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

.sidebar, .pngx-sidebar, aside.sidebar {
  background: var(--levi-surface) !important;
  border-right: 1px solid var(--levi-border) !important;
}

.sidebar .nav-link, .sidebar a {
  color: var(--levi-muted) !important;
}

.sidebar .nav-link.active, .sidebar .nav-link:hover {
  background: rgba(0, 129, 255, 0.15) !important;
  color: var(--levi-cyan) !important;
}

.card, .modal-content, .dropdown-menu {
  background: var(--levi-surface) !important;
  border: 1px solid var(--levi-border) !important;
  color: var(--levi-text) !important;
}

input, textarea, select, .form-control, .form-select,
.ng-select .ng-select-container, .ng-input input {
  background-color: var(--levi-input) !important;
  border: 1px solid var(--levi-border) !important;
  color: var(--levi-text) !important;
  font-size: 1rem !important;
}

input::placeholder, textarea::placeholder {
  color: #9aa8bc !important;
  opacity: 1 !important;
}

input:focus, textarea:focus, select:focus, .form-control:focus {
  border-color: var(--levi-blue) !important;
  box-shadow: 0 0 0 2px rgba(0, 129, 255, 0.35) !important;
  color: var(--levi-text) !important;
}

.btn-primary, button.btn-primary {
  background: linear-gradient(135deg, var(--levi-blue), var(--levi-cyan)) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600 !important;
}

.btn-secondary, .btn-outline-primary {
  background: transparent !important;
  border: 1px solid var(--levi-blue) !important;
  color: var(--levi-cyan) !important;
}

.table, .table td, .table th {
  color: var(--levi-text) !important;
  border-color: var(--levi-border) !important;
}

.table thead th {
  background: #0b0e14 !important;
}

.dropdown-item {
  color: var(--levi-text) !important;
}

.dropdown-item:hover, .dropdown-item:focus {
  background: rgba(0, 129, 255, 0.2) !important;
  color: #fff !important;
}

a { color: var(--levi-cyan) !important; }
a:hover { color: var(--levi-blue) !important; }

.text-muted, .text-secondary { color: var(--levi-muted) !important; }