:root {
  --nexo-color-primary-900: #111827;
  --nexo-color-primary-700: #1f2937;
  --nexo-color-secondary-100: #e5e7eb;
  --nexo-color-success-700: #166534;
  --nexo-color-success-100: #dcfce7;
  --nexo-color-danger-700: #991b1b;
  --nexo-color-danger-100: #fee2e2;
  --nexo-color-warning-700: #92400e;
  --nexo-color-warning-100: #fef3c7;
  --nexo-color-info-700: #1d4ed8;
  --nexo-color-info-100: #dbeafe;
  --nexo-color-surface: #ffffff;
  --nexo-color-background: #f3f4f6;
  --nexo-color-text: #111827;
  --nexo-color-muted: #6b7280;
  --nexo-color-border: #d1d5db;
  --nexo-space-1: 4px; --nexo-space-2: 8px; --nexo-space-3: 12px;
  --nexo-space-4: 16px; --nexo-space-5: 20px; --nexo-space-6: 24px;
  --nexo-space-8: 32px; --nexo-space-10: 40px; --nexo-space-12: 48px;
  --nexo-radius-sm: 8px; --nexo-radius-md: 12px; --nexo-radius-lg: 16px; --nexo-radius-pill: 999px;
  --nexo-shadow-sm: 0 2px 8px rgb(0 0 0 / 5%);
  --nexo-shadow-md: 0 8px 24px rgb(0 0 0 / 12%);
  --nexo-shadow-lg: 0 20px 50px rgb(0 0 0 / 25%);
  --nexo-font-xs: .75rem; --nexo-font-sm: .875rem; --nexo-font-md: 1rem;
  --nexo-font-lg: 1.25rem; --nexo-font-xl: 1.5rem; --nexo-font-kpi: 1.75rem;
  --nexo-touch-target: 44px;
  --nexo-motion-fast: 140ms; --nexo-motion-normal: 220ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --nexo-motion-fast: 0ms; --nexo-motion-normal: 0ms; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; }
}