:root {
    --inherit: inherit;
    --current: currentColor;
    --transparent: transparent;
    --black: black;
    --white: white;
  
    --gray: gray;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #111827;
  
    /* Primary Colors */
    --primary-200: hsla(150, 63%, 31%, 0.2);  
    --primary-400: hsla(150, 63%, 31%, 0.4);  
    --primary-600: hsla(150, 63%, 31%, 0.6);  
    --primary-900: hsla(150, 63%, 31%, 1);    
    --primary-950: hsla(150, 63%, 26%, 1); 
    --primary-50: hsla(150, 63%, 31%, 0.05);
    --primary: hsla(150, 63%, 31%, 1);
  
    /* Secondary Colors */
    --secondary: hsla(0, 3%, 21%, 1); /* Base color */
    --secondary-100: hsla(0, 3%, 21% 0.1); /* 10% opacity */
    --secondary-600: hsla(0, 3%, 21% 0.6); /* 60% opacity */
    --secondary-900: hsla(0, 3%, 26%, 1); 
    --secondary-950: hsla(0, 3%, 16%, 1); /* Slightly darker tone */
    --secondary-accent: hsla(0, 3%, 8%, 1); /* Much darker accent tone */
    
  
    /* Text secondary */
    --text-secondary: hsla(0, 60%, 50%, 1);
  
    /* Info Colors */
    --info-200: hsla(184, 82%, 42%, 0.2);
    --info-400: hsla(184, 82%, 42%, 0.4);
    --info-600: hsla(184, 82%, 42%, 0.6);
    --info-900: hsla(184, 82%, 42%, 1);
    --info-950: hsla(184, 82%, 46%, 1);
    --info: hsla(184, 82%, 42%, 1);
  
    /* DS Colors */
    --ds-base-200: hsla(0, 0%, 95%, 0.2);
    --ds-base-400: hsla(0, 0%, 95%, 0.4);
    --ds-base-600: hsla(0, 0%, 95%, 0.6);
    --ds-base-900: hsla(0, 0%, 95%, 1);
    --ds-base-950: hsla(0, 0%, 99%, 1);
    --ds-base: hsla(0, 0%, 95%, 1);
  
    --ds-neutral-50: hsla(200, 3%, 96%, 1);
    --ds-neutral-100: hsla(200, 3%, 90%, 1);
    --ds-neutral-200: hsla(200, 3%, 80%, 1);
    --ds-neutral-300: hsla(200, 3%, 70%, 1);
    --ds-neutral-400: hsla(200, 3%, 60%, 1);
    --ds-neutral-500: hsla(200, 3%, 50%, 1);
    --ds-neutral-600: hsla(200, 3%, 40%, 1);
    --ds-neutral-700: hsla(200, 3%, 30%, 1);
    --ds-neutral-800: hsla(200, 3%, 25%, 1);
    --ds-neutral-900: hsla(200, 3%, 21%, 1);
    --ds-neutral-950: hsla(200, 3%, 15%, 1);
  
    --ds-accent-200: hsla(340, 80%, 60%, 0.2);
    --ds-accent-400: hsla(340, 80%, 60%, 0.4);
    --ds-accent-600: hsla(340, 80%, 60%, 0.6);
    --ds-accent-900: hsla(340, 80%, 60%, 1);
    --ds-accent-950: hsla(340, 80%, 64%, 1);
    --ds-accent: hsla(340, 80%, 60%, 1);
  
    --ds-copy-200: hsla(0, 0%, 0%, 0.2);
    --ds-copy-400: hsla(0, 0%, 0%, 0.4);
    --ds-copy-600: hsla(0, 0%, 0%, 0.6);
    --ds-copy-900: hsla(0, 0%, 0%, 1);
    --ds-copy-950: hsla(0, 0%, 4%, 1);
    --ds-copy: hsla(0, 0%, 0%, 1);
  
    --ds-placeholder-200: hsla(0, 0%, 51%, 0.2);
    --ds-placeholder-400: hsla(0, 0%, 51%, 0.4);
    --ds-placeholder-600: hsla(0, 0%, 51%, 0.6);
    --ds-placeholder-900: hsla(0, 0%, 51%, 1);
    --ds-placeholder-950: hsla(0, 0%, 55%, 1);
    --ds-placeholder: hsla(0, 0%, 51%, 1);
  
    /* Status Colors */
    --status-success-200: hsla(114, 76%, 33%, 0.2);
    --status-success-400: hsla(114, 76%, 33%, 0.4);
    --status-success-600: hsla(114, 76%, 33%, 0.6);
    --status-success-900: hsla(114, 76%, 33%, 1);
    --status-success-950: hsla(114, 76%, 37%, 1);
    --status-success: hsla(114, 76%, 33%, 1);
  
    --status-warning-200: hsla(32, 89%, 52%, 0.2);
    --status-warning-400: hsla(32, 89%, 52%, 0.4);
    --status-warning-600: hsla(32, 89%, 52%, 0.6);
    --status-warning-900: hsla(32, 89%, 52%, 1);
    --status-warning-950: hsla(32, 89%, 56%, 1);
    --status-warning: hsla(32, 89%, 52%, 1);
  
    --status-error-200: hsla(0, 79%, 52%, 0.2);
    --status-error-400: hsla(0, 79%, 52%, 0.4);
    --status-error-600: hsla(0, 79%, 52%, 0.6);
    --status-error-900: hsla(0, 79%, 52%, 1);
    --status-error-950: hsla(0, 79%, 56%, 1);
    --status-error: hsla(0, 79%, 52%, 1);
  
    /* Badge Colors */
    --badge-green-400: #a3e635; /* Tailwind lime-400 */
    --badge-green-900: #365314; /* Tailwind lime-900 */
    --badge-orange-400: #fb923c; /* Tailwind orange-400 */
    --badge-orange-900: #7c2d12; /* Tailwind orange-900 */
    --badge-red-500: #ef4444; /* Tailwind red-500 */
    --badge-red-900: #7f1d1d; /* Tailwind red-900 */
    --badge-cyan-400: #22d3ee; /* Tailwind cyan-400 */
    --badge-cyan-900: #164e63; /* Tailwind cyan-900 */
    --badge-yellow-300: #fde047; /* Tailwind yellow-300 */
    --badge-yellow-800: #854d0e; /* Tailwind yellow-800 */
    --badge-amber-600: #d97706; /* Tailwind amber-600 */
    --badge-amber-900: #78350f; /* Tailwind amber-900 */
    --badge-purple-300: #d8b4fe; /* Tailwind purple-300 */
    --badge-purple-900: #4c1d95; /* Tailwind purple-900 */
  }
  .bg-ds-neutral {
    background-color: var(--gray) !important;
  }
  .border-ds-placeholder {
    border-color: var(--ds-neutral) !important;
  }
  .ds-date-input .p-button.p-component.p-datepicker-trigger.p-button-icon-only {
    border-color: var(--ds-neutral) !important;
  }
  .ds-date-input .p-button.p-component.p-datepicker-trigger.p-button-icon-only.p-disabled {
    border-color: transparent !important;
  }