/* ==========================================================================
   bootstrap.newlook.css
   Overrides to align Bootstrap with SaaSLTE tokens
   ========================================================================== */

:root {
  /* Map Bootstrap variables to our SaaSLTE tokens */
  --bs-primary: var(--primary);
  --bs-secondary: var(--secondary);
  --bs-success: var(--success);
  --bs-info: var(--info);
  --bs-warning: var(--warning);
  --bs-danger: var(--danger);
  --bs-body-bg: var(--bg-body);
  --bs-body-color: var(--text-main);
  --bs-border-color: var(--border-color);
}

body {
  background-color: var(--bg-body);
  color: var(--text-main);
}

.card {
  border-color: var(--border-color);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.form-control,
.form-select {
  border-radius: var(--radius-md);
  border-color: var(--border-color);
  padding: 0.625rem 0.875rem;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.1);
}

.btn {
  border-radius: var(--radius-md);
  font-weight: 500;
}

.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}