/* WFD FI Platform - Dark UI */
:root{
  --bs-body-bg: #0b1220;
  --bs-body-color: #e8eefc;
  --bs-emphasis-color: #ffffff;

  --bs-secondary-color: rgba(232,238,252,0.82);
  --bs-secondary-color-rgb: 232,238,252;
  --bs-tertiary-color: rgba(232,238,252,0.72);
  --bs-tertiary-color-rgb: 232,238,252;

  --bs-link-color: #a8c0ff;
  --bs-link-hover-color: #d2ddff;

  --bs-border-color: rgba(255,255,255,0.14);
  --bs-border-color-translucent: rgba(255,255,255,0.12);

  --bs-card-bg: rgba(255,255,255,0.06);
  --bs-card-color: #e8eefc;

  --bs-secondary-bg: rgba(255,255,255,0.06);
  --bs-tertiary-bg: rgba(255,255,255,0.08);

  --bs-modal-bg: rgba(2,6,23,0.98);
  --bs-modal-color: #e8eefc;

  --bs-dropdown-bg: #020617;
  --bs-dropdown-link-color: #e8eefc;
  --bs-dropdown-link-hover-color: #ffffff;
  --bs-dropdown-link-hover-bg: #1e293b;
  --bs-dropdown-border-color: rgba(148,163,184,0.6);
}

body{
  background: radial-gradient(1200px 600px at 20% 0%, rgba(56,189,248,0.12), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(168,85,247,0.10), transparent 55%),
              #0b1220;
  color: var(--bs-body-color);
}

/* sub text should still be readable */
.text-muted,
.text-secondary,
.text-body-secondary,
.text-body-tertiary,
.small,
.form-text {
  color: rgba(232,238,252,0.78) !important;
}

.card{
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 16px;
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

/* tables */
.table{
  --bs-table-bg: transparent;
  --bs-table-color: var(--bs-body-color);
}
.table thead th{
  background: rgba(15,23,42,0.9);
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

/* alerts */
.alert,
.alert-primary,
.alert-secondary,
.alert-success,
.alert-danger,
.alert-warning,
.alert-info,
.alert-light,
.alert-dark {
  background-color: rgba(15,23,42,0.95) !important;
  border-color: rgba(148,163,184,0.90) !important;
  color: #e8eefc !important;
}
.alert .alert-link { color: #d2ddff !important; text-decoration: underline; }

/* dropdown */
.dropdown-menu{
  background: var(--bs-dropdown-bg);
  border-color: var(--bs-dropdown-border-color);
}

/* buttons */
.btn, .form-control, .form-select{
  border-radius: 14px;
}

/* disabled */
.form-control:disabled, .form-select:disabled{
  background: rgba(255,255,255,0.06) !important;
  color: rgba(232,238,252,0.70) !important;
}

/* close button visible on dark */
.btn-close { filter: invert(1) grayscale(100%); opacity: 0.85; }
.btn-close:hover { opacity: 1; }