@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

[data-bs-theme="dark"] {
  --bs-body-bg:          #0d0f17;
  --bs-body-color:       #e4e6f0;
  --bs-border-color:     rgba(255,255,255,0.07);
  --bs-card-bg:          #161928;
  --bs-table-bg:         #161928;
  --bs-table-hover-bg:   rgba(255,255,255,0.015);
  --bs-secondary-bg:     #1e2133;
  --bs-link-color:       #818cf8;
  --bs-primary-rgb:      99, 102, 241;
}

body {
  font-family: 'Inter', sans-serif;
}

.btn-primary {
  background-color: #7c3aed !important;
  border-color: #7c3aed !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #6d28d9 !important;
  border-color: #6d28d9 !important;
}

.table thead th {
  font-size: .75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--bs-secondary-color);
}

div.field:has(.error) .form-control {
  border-color: #f87171;
  background-color: rgba(248, 113, 113, 0.05);
}

@keyframes row-flash {
  0%   { background-color: rgba(91, 94, 244, 0.35); }
  100% { background-color: transparent; }
}

.row-flash td {
  animation: row-flash 1.5s ease-out forwards;
}