/* Modal Component - Design system styling for dmc.Modal */

/* Ensure modal content uses design tokens */
.mantine-Modal-content {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--card-border) !important;
  border-radius: var(--app-radius, 8px) !important;
  box-shadow: var(--shadow-lg) !important;
}

.mantine-Modal-header {
  border-bottom: 1px solid var(--card-border) !important;
  padding: 1rem 1.5rem !important;
}

.mantine-Modal-title {
  font-weight: 600 !important;
  font-size: var(--font-size-lg, 18px) !important;
  color: var(--text-strong) !important;
}

.mantine-Modal-body {
  padding: 1.5rem !important;
}

.mantine-Modal-close {
  color: var(--text-soft) !important;
}

.mantine-Modal-close:hover {
  color: var(--text-strong) !important;
  background-color: hsl(var(--accent)) !important;
}