:root {
  --wd-v3-primary: #4f46e5;
  --wd-v3-primary-hover: #4338ca;
  --wd-v3-surface: #ffffff;
  --wd-v3-background: #f5f7fb;
  --wd-v3-border: #e5e7eb;
  --wd-v3-text: #172033;
  --wd-v3-muted: #64748b;
  --wd-v3-radius: 0.75rem;
  --wd-v3-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

html {
  color-scheme: light;
}

body {
  background: var(--wd-v3-background);
  color: var(--wd-v3-text);
  font-family: Inter, Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-rendering: optimizeLegibility;
}

.card,
.modal-content,
.dropdown-menu {
  border-color: var(--wd-v3-border);
  border-radius: var(--wd-v3-radius);
  box-shadow: var(--wd-v3-shadow);
}

.card-header,
.modal-header,
.modal-footer {
  border-color: var(--wd-v3-border);
}

.btn {
  border-radius: 0.55rem;
  font-weight: 600;
}

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

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--wd-v3-primary-hover);
  border-color: var(--wd-v3-primary-hover);
}

.form-control,
.custom-select,
.vs__dropdown-toggle {
  border-color: var(--wd-v3-border);
  border-radius: 0.55rem;
}

.form-control:focus,
.custom-select:focus,
.vs--open .vs__dropdown-toggle {
  border-color: var(--wd-v3-primary);
  box-shadow: 0 0 0 0.2rem rgba(79, 70, 229, 0.16);
}

.table {
  color: var(--wd-v3-text);
}

.table thead th {
  background: #f8fafc;
  border-bottom-color: var(--wd-v3-border);
  color: var(--wd-v3-muted);
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

a {
  color: var(--wd-v3-primary);
}

a:hover {
  color: var(--wd-v3-primary-hover);
}

:focus-visible {
  outline: 3px solid rgba(79, 70, 229, 0.35);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}