/* Shared design tokens used across dashboard, DM, and admin surfaces. */
:root {
  --pc-font-sans: Inter, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --pc-font-display: "Segoe UI", Inter, "Helvetica Neue", Arial, sans-serif;

  --pc-radius-xs: 8px;
  --pc-radius-sm: 10px;
  --pc-radius-md: 14px;
  --pc-radius-lg: 18px;

  --pc-shadow-sm: 0 4px 14px rgba(2, 6, 23, 0.18);
  --pc-shadow-md: 0 12px 30px rgba(2, 6, 23, 0.28);
  --pc-shadow-lg: 0 22px 54px rgba(2, 6, 23, 0.36);

  --pc-space-1: 4px;
  --pc-space-2: 8px;
  --pc-space-3: 12px;
  --pc-space-4: 16px;
  --pc-space-5: 24px;
  --pc-space-6: 32px;

  --pc-surface-bg: var(--bs-body-bg, #ffffff);
  --pc-surface-card: var(--bs-card-bg, #ffffff);
  --pc-surface-border: var(--bs-card-border-color, #e5e7eb);
  --pc-text-primary: var(--bs-body-color, #111827);
  --pc-text-muted: var(--text-muted, #6b7280);
  --pc-accent: var(--bs-primary, #2563eb);
}

[data-bs-theme="dark"] {
  --pc-surface-bg: var(--bs-body-bg, #0e1624);
  --pc-surface-card: var(--bs-card-bg, #111827);
  --pc-surface-border: var(--bs-card-border-color, rgba(255, 255, 255, 0.12));
  --pc-text-primary: var(--bs-body-color, #e5e7eb);
  --pc-text-muted: var(--text-muted, #94a3b8);
  --pc-accent: var(--bs-primary, #60a5fa);
}

body {
  font-family: var(--pc-font-sans);
}

.card,
.admin-card,
.dm-shell-card {
  border-radius: var(--pc-radius-md);
  box-shadow: var(--pc-shadow-sm);
}