:root {
  /* Colores Distrimayor */
  --ds-primary: #0B3D78;
  --ds-secondary: #1E6EAD;
  --ds-primary-light: #EAF3FA;
  --ds-danger: #D71920;
  
  /* Textos y Fondos */
  --ds-text-main: #3D4652;
  --ds-background: #F3F6F8;
  --ds-surface: #FFFFFF;
  
  /* Bordes, Sombras, Radios */
  --ds-border-color: #E2E8F0;
  --ds-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --ds-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --ds-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --ds-radius-sm: 0.25rem;
  --ds-radius-md: 0.375rem;
  --ds-radius-lg: 0.5rem;
  --ds-radius-xl: 0.75rem;
  --ds-radius-full: 9999px;
  
  /* Espaciado */
  --ds-space-1: 0.25rem;
  --ds-space-2: 0.5rem;
  --ds-space-3: 0.75rem;
  --ds-space-4: 1rem;
  --ds-space-6: 1.5rem;
  --ds-space-8: 2rem;
  
  /* Tipografía */
  --ds-font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  
  /* Z-index */
  --ds-z-dropdown: 1000;
  --ds-z-sticky: 1020;
  --ds-z-fixed: 1030;
  --ds-z-modal-backdrop: 1040;
  --ds-z-modal: 1050;
  --ds-z-popover: 1060;
  --ds-z-tooltip: 1070;
  
  /* Transiciones */
  --ds-transition-fast: 150ms ease-in-out;
  --ds-transition-normal: 250ms ease-in-out;
  --ds-transition-slow: 350ms ease-in-out;
  
  /* Estados */
  --ds-state-success: #10B981;
  --ds-state-warning: #F59E0B;
  --ds-state-danger: #D71920;
  --ds-state-info: #3B82F6;

  /* Bootstrap Overrides (Compatibilidad) */
  --bs-primary: var(--ds-primary);
  --bs-danger: var(--ds-danger);
  --bs-body-font-family: var(--ds-font-family);
  --bs-body-bg: var(--ds-background);
  --bs-body-color: var(--ds-text-main);
}