:root {
  --primary-50: #ECF9FF;
  --secondary-50: #FEF2F3;
  --secondary-100: #FEE2E4;
  --secondary-200: #FECACF;
  --secondary-300: #FCA5AD;
  --secondary-400: #F7727E;
  --secondary-500: #EE4554;
  --secondary-600: #DB2535;
  --secondary-700: #B81D2B;
  --secondary-800: #991B26;
  --secondary-900: #7F1D26;
  --secondary-950: #450A0F;
  --secondary-secondary: var(--var-600);
  --primary-100: #D4F0FF;
  --primary-200: #B2E6FF;
  --primary-300: #7DD8FF;
  --primary-400: #40C1FF;
  --primary-500: #14A2FF;
  --primary-600: #008AFF;
  --primary-700: #007DFF;
  --primary-800: #0059C1;
  --primary-900: #0852A0;
  --primary-950: #0A3261;
  --primary-primary: var(--var-800);
  --black: #000000;
  --white: #FFFFFF;
  --bg: #FFFFFF;
  --muted-bg: #F3F3F3;
  --grey-muted: #838383;
  --popup-bg: #FFFFFF;
  --text-text-heading: #000713;
  --text-text-heading-white: #FFFFFF;
  --text-text-subheading: #333333;
  --text-text-body: #475569;
  --text-text-body-2: #8C796E;
  --text-text-caption: #AAAAAA;
  --text-text-inverse: #FFFFFF;
  --text-text-link: var(--primary);
  --card-card-bg: #F8F8F8;
  --card-card-border: #E5E5E5;
  --card-card-active-border: var(--primary);
  --card-card-foreground: #333333;
  --button-btn-primary-bg: var(--primary);
  --button-btn-primary-text: #FFFFFF;
  --button-btn-secondary-bg: var(--secondary);
  --button-btn-secondary-text: #FFFFFF;
  --button-btn-disabled-bg: #E5E5E5;
  --button-btn-disabled-text: #999999;
  --border-border-default: #ECECEC;
  --border-border-muted: #F2F2F2;
  --color-states-color-success-: #22C55E;
  --color-states-color-warning: #F59E0B;
  --color-states-color-error: #EF4444;
  --input-input-label: #333333;
  --color-states-color-info: #3B82F6;
  --input-input-bg: #FFFFFF;
  --input-input-border: #E5E5E5;
  --input-input-text: #000000;
  --input-input-placeholder: #B4B2B2;
  --input-input-bg-disabled: #F5F5F5;
  --input-input-border-disabled: #E5E5E5;
  --input-input-placeholder-disabled: #CCCCCC;
  --red-red-50: #FEE2E2;
  --red-red-100: #DC2626;
  --green-green-50: #DCFCE7;
  --green-green-100: #17B452;
  --orange-orange-50: #FFEDD5;
  --orange-orange-100: #F97316;
  --blue-blue-50: #DBEAFE;
  --blue-blue-100: #2563EB;
}


/* .dark {
  --primary-50: #094B3B;
  --secondary-50: #11221E;
  --secondary-100: #253C35;
  --secondary-200: #29463E;
  --secondary-300: #2F564A;
  --secondary-400: #3A705F;
  --secondary-500: #478570;
  --secondary-600: #61A08A;
  --secondary-700: #89BFAA;
  --secondary-800: #B6D9CA;
  --secondary-900: #DBECE5;
  --secondary-950: #F4F9F7;
  --secondary-secondary: var(--var-400);
  --primary-100: #094B3B;
  --primary-200: #0A5B46;
  --primary-300: #097357;
  --primary-400: #0B9069;
  --primary-500: #1AC992;
  --primary-600: #3BCC9A;
  --primary-700: #73E2B8;
  --primary-800: #AAF0D1;
  --primary-900: #D3F8E6;
  --primary-950: #EDFCF5;
  --primary-primary: var(--var-500);
  --black: #FFFFFF;
  --white: #1A1A1A;
  --bg: #FFFFFF;
  --muted-bg: #FFFFFF;
  --grey-muted: #FFFFFF;
  --popup-bg: #FFFFFF;
  --text-text-heading: #FFFFFF;
  --text-text-heading-white: #FFFFFF;
  --text-text-subheading: #FFFFFF;
  --text-text-body: #FFFFFF;
  --text-text-body-2: #FFFFFF;
  --text-text-caption: #FFFFFF;
  --text-text-inverse: #FFFFFF;
  --text-text-link: #FFFFFF;
  --card-card-bg: #FFFFFF;
  --card-card-border: #FFFFFF;
  --card-card-active-border: #FFFFFF;
  --card-card-foreground: #FFFFFF;
  --button-btn-primary-bg: #FFFFFF;
  --button-btn-primary-text: #FFFFFF;
  --button-btn-secondary-bg: #FFFFFF;
  --button-btn-secondary-text: #FFFFFF;
  --button-btn-disabled-bg: #FFFFFF;
  --button-btn-disabled-text: #FFFFFF;
  --border-border-default: #FFFFFF;
  --border-border-muted: #FFFFFF;
  --color-states-color-success-: #FFFFFF;
  --color-states-color-warning: #FFFFFF;
  --color-states-color-error: #FFFFFF;
  --color-states-color-info: #FFFFFF;
  --input-input-label: #FFFFFF;
  --input-input-bg: #FFFFFF;
  --input-input-border: #FFFFFF;
  --input-input-text: #FFFFFF;
  --input-input-placeholder: #FFFFFF;
  --input-input-bg-disabled: #FFFFFF;
  --input-input-border-disabled: #FFFFFF;
  --input-input-placeholder-disabled: #FFFFFF;
  --red-red-50: #FFFFFF;
  --red-red-100: #FFFFFF;
  --green-green-50: #FFFFFF;
  --green-green-100: #FFFFFF;
  --orange-orange-50: #FFFFFF;
  --orange-orange-100: #FFFFFF;
  --blue-blue-50: #FFFFFF;
  --blue-blue-100: #FFFFFF;
} */



.card-card-border {
  border-color: var(--card-card-border);
}

.card-card-active-border {
  border-color: var(--card-card-active-border);
}

.border-border-default {
  border-color: var(--border-border-default);
}

.border-border-muted {
  border-color: var(--border-border-muted);
}

.color-states-color-success- {
  color: var(--color-states-color-success-);
}

.color-states-color-warning {
  color: var(--color-states-color-warning);
}

.color-states-color-error {
  color: var(--color-states-color-error);
}

.color-states-color-info {
  color: var(--color-states-color-info);
}

.input-input-border {
  border-color: var(--input-input-border);
}

.input-input-border-disabled {
  border-color: var(--input-input-border-disabled);
}