:root {
  --mk-bg: #f6f8fc;
  --mk-surface: #ffffff;
  --mk-border: #dbe2ed;
  --mk-text: #0f172a;
  --mk-muted: #475569;
  --mk-primary: #1f6fe5;
  --mk-primary-contrast: #ffffff;
  --mk-radius: 10px;
  --mk-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

body.theme-root {
  background: var(--mk-bg) !important;
  color: var(--mk-text);
}

.theme-root .sf-card,
.theme-root .card {
  border-color: var(--mk-border);
  border-radius: var(--mk-radius);
}

.theme-root .btn-primary {
  background-color: var(--mk-primary);
  border-color: var(--mk-primary);
  color: var(--mk-primary-contrast);
}

.theme-root .btn-primary:hover {
  filter: brightness(0.95);
}

.theme-root .form-control,
.theme-root .form-select {
  border-color: var(--mk-border);
}

.theme-root .form-control:focus,
.theme-root .form-select:focus {
  border-color: var(--mk-primary);
  box-shadow: 0 0 0 0.2rem rgba(31, 111, 229, 0.18);
}

.theme-root a {
  color: var(--mk-primary);
}