:root {
    --color-foreground-text: #171717;
--color-foreground: #ffffff;
--color-foreground-light: #ffffff;
--color-foreground-dark: #ffffff;
--color-background: #171717;
--color-background-dark: #000000;
--color-background-milky-white: #17171780;
--color-background-low-gray: #0d0d0d;
--color-background-primary: #0d0d0d;
--color-primary: #ddb36a;
--color-primary-hover: #ddb36a;
--color-success: #00b412;
--color-danger: #d62525;
--color-danger-text: #ffffff;
--color-alert-info: #0167f4;
--color-alerts-dark-warning: #f5a623;
--color-alerts-light-success: #2cc750;
--color-yellow: #f2c01d;
--color-gray-200: #d4d4d8;
--color-gray-300: #3a3a3a;
--color-gray-400: #4b4b4b;
--color-gray-500: #9c9c9c;
--color-gray-700: #171717;
--color-card: #292929;
--color-card-foreground: #ffffff;
--color-background-dropdown: #0d0d0d;
--color-foreground-dropdown: #ffffff;
--color-button-disabled: #3a3a3a;
--color-badge-tertiary: #e1bb3e;
--color-coupon: #a19405;
--color-coupon-bg: #fbda020d;
--color-eride-400-primary: #ffc712;
--radius-tags: 0.5rem;
--radius-card: 1.875rem;
--radius-dropdown: 1rem;
--radius-boxes: 1.875rem;
--radius-button: 1.875rem;
--radius-40: 2.5rem;
--radius-50: 3.125rem;
--shadow: 0 2px 3px 0 #726a6a40;
--shadow-secondary: 5px 4px 12px 0px #00000040;
--width-desktop: 75rem;
--toastify-text-color-light: #ffffff;
}
@theme {
    --color-foreground-text: #171717;
--color-foreground: #ffffff;
--color-foreground-light: #ffffff;
--color-foreground-dark: #ffffff;
--color-background: #171717;
--color-background-dark: #000000;
--color-background-milky-white: #17171780;
--color-background-low-gray: #0d0d0d;
--color-background-primary: #0d0d0d;
--color-primary: #ddb36a;
--color-primary-hover: #ddb36a;
--color-success: #00b412;
--color-danger: #d62525;
--color-danger-text: #ffffff;
--color-alert-info: #0167f4;
--color-alerts-dark-warning: #f5a623;
--color-alerts-light-success: #2cc750;
--color-yellow: #f2c01d;
--color-gray-200: #d4d4d8;
--color-gray-300: #3a3a3a;
--color-gray-400: #4b4b4b;
--color-gray-500: #9c9c9c;
--color-gray-700: #171717;
--color-card: #292929;
--color-card-foreground: #ffffff;
--color-background-dropdown: #0d0d0d;
--color-foreground-dropdown: #ffffff;
--color-button-disabled: #3a3a3a;
--color-badge-tertiary: #e1bb3e;
--color-coupon: #a19405;
--color-coupon-bg: #fbda020d;
--color-eride-400-primary: #ffc712;
--radius-tags: 0.5rem;
--radius-card: 1.875rem;
--radius-dropdown: 1rem;
--radius-boxes: 1.875rem;
--radius-button: 1.875rem;
--radius-40: 2.5rem;
--radius-50: 3.125rem;
--shadow: 0 2px 3px 0 #726a6a40;
--shadow-secondary: 5px 4px 12px 0px #00000040;
--width-desktop: 75rem;
--toastify-text-color-light: #ffffff;
}