/* dynamic theme: blue */
:root {
  --primary: #0e3ecd;
  --secondary: #0528d6;
  --bg: #0b0e11;
  --card: #1e2329;
  --surface: #30343a;
  --surface-2: #464a4f;
  --text: #ffffff;
  --muted: #848e9c;
  --primary-rgb: 14, 62, 205;
  --border: rgba(14, 62, 205, 0.18);
  --glow: 0 0 20px rgba(14, 62, 205, 0.4);
}

html, body {
  background: #0b0e11 !important;
  color: #ffffff !important;
}

.top-nav, nav {
  background: #1e2329 !important;
  border-bottom-color: rgba(14, 62, 205, 0.25) !important;
}

.btn, button.btn, a.btn {
  background: linear-gradient(135deg, #0e3ecd 0%, #0528d6 100%) !important;
  box-shadow: 0 10px 30px rgba(14, 62, 205, 0.35) !important;
}

.btn-secondary {
  background: #30343a !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.stat-value, .positive, .auth-card h2, .logo span {
  color: #0e3ecd !important;
}

.admin-menu-item.active, .admin-menu-item:hover {
  background: linear-gradient(135deg, #0e3ecd, #0528d6) !important;
  color: #04130c !important;
}

.panel, .stat-card, .feature-card, .auth-card, .admin-sidebar, .admin-content, .modal-content {
  background: #1e2329 !important;
  border-color: rgba(14, 62, 205, 0.2) !important;
}

.theme-preview-bar {
  background: linear-gradient(90deg, #0e3ecd, #0528d6) !important;
  box-shadow: 0 0 16px rgba(14, 62, 205, 0.45) !important;
}

.lang-switch a.active {
  color: #0e3ecd !important;
  border-color: #0e3ecd !important;
}

.modal-content {
  border-color: #0e3ecd !important;
  box-shadow: 0 25px 60px rgba(14, 62, 205, 0.3) !important;
}

.modal-section-title {
  color: #0e3ecd !important;
}

body[data-theme="blue"] {
  --theme-ready: 1;
}