:root {
  --pcx-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pcx-bg: #f6f8fb;
  --pcx-surface: #ffffff;
  --pcx-surface-subtle: #f9fafb;
  --pcx-sidebar: #0f172a;
  --pcx-sidebar-muted: #94a3b8;
  --pcx-sidebar-active: #1e293b;
  --pcx-border: #e5e7eb;
  --pcx-border-strong: #cbd5e1;
  --pcx-text: #111827;
  --pcx-muted: #64748b;
  --pcx-soft: #f1f5f9;
  --pcx-primary: #2563eb;
  --pcx-primary-dark: #1d4ed8;
  --pcx-success: #15803d;
  --pcx-success-bg: #dcfce7;
  --pcx-warning: #b45309;
  --pcx-warning-bg: #fef3c7;
  --pcx-danger: #b91c1c;
  --pcx-danger-bg: #fee2e2;
  --pcx-info: #0369a1;
  --pcx-info-bg: #e0f2fe;
  --pcx-radius-sm: 6px;
  --pcx-radius: 8px;
  --pcx-radius-lg: 12px;
  --pcx-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --pcx-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  --pcx-sidebar-width: 264px;
  --pcx-topbar-height: 64px;
  --pcx-space-1: 0.25rem;
  --pcx-space-2: 0.5rem;
  --pcx-space-3: 0.75rem;
  --pcx-space-4: 1rem;
  --pcx-space-5: 1.25rem;
  --pcx-space-6: 1.5rem;
  --pcx-space-8: 2rem;
}

html,
body {
  min-height: 100%;
}

body {
  background: var(--pcx-bg);
  color: var(--pcx-text);
  font-family: var(--pcx-font-sans);
  font-size: 0.9375rem;
  letter-spacing: 0;
}

a {
  color: var(--pcx-primary);
}

a:hover {
  color: var(--pcx-primary-dark);
}