:root {
  --fds-white: #fff; --fds-black: #050505;
  --fds-gray-25: #fcfcfc; --fds-gray-50: #f8f9fa; --fds-gray-100: #f2f3f5;
  --fds-gray-200: #e5e7eb; --fds-gray-300: #d1d5db; --fds-gray-400: #9ca3af;
  --fds-gray-500: #6b7280; --fds-gray-600: #4b5563; --fds-gray-700: #374151;
  --fds-gray-800: #1f2937; --fds-gray-900: #111827;
  --fds-blue-50: #eff6ff; --fds-blue-600: #2563eb;
  --fds-green-50: #ecfdf3; --fds-green-700: #067647;
  --fds-amber-50: #fffaeb; --fds-amber-700: #b54708;
  --fds-red-50: #fef3f2; --fds-red-700: #b42318;
  --fds-bg-page: var(--fds-gray-50); --fds-bg-panel: var(--fds-white); --fds-bg-muted: var(--fds-gray-100);
  --fds-text-primary: var(--fds-gray-900); --fds-text-secondary: var(--fds-gray-600);
  --fds-text-muted: var(--fds-gray-500); --fds-text-inverse: var(--fds-white);
  --fds-border: var(--fds-gray-200); --fds-border-strong: var(--fds-gray-300);
  --fds-action-primary: #111; --fds-action-primary-hover: #000; --fds-focus: rgba(37, 99, 235, .24);
  --fds-space-1: .25rem; --fds-space-2: .5rem; --fds-space-3: .75rem; --fds-space-4: 1rem;
  --fds-space-5: 1.25rem; --fds-space-6: 1.5rem; --fds-space-8: 2rem;
  --fds-space-10: 2.5rem; --fds-space-12: 3rem; --fds-space-16: 4rem;
  --fds-radius-xs: .25rem; --fds-radius-sm: .375rem; --fds-radius-md: .5rem;
  --fds-radius-lg: .75rem; --fds-radius-xl: 1rem; --fds-radius-pill: 999px;
  --fds-shadow-1: 0 4px 12px rgba(17, 24, 39, .08);
  --fds-shadow-2: 0 12px 28px rgba(17, 24, 39, .13);
  --fds-shadow-3: 0 24px 60px rgba(17, 24, 39, .18);
  --fds-fast: 120ms; --fds-normal: 180ms; --fds-slow: 240ms;
  --fds-sidebar: 260px; --fds-topbar: 64px;
}