:root {
    --color-foreground-text: #000000;
--color-foreground: #171717;
--color-foreground-light: #ffffff;
--color-foreground-dark: #212121;
--color-background: #ffffff;
--color-background-dark: #000000;
--color-background-milky-white: #ffffff80;
--color-background-low-gray: #f3f2f2;
--color-background-primary: #fff5ee;
--color-primary: #ee6b1b;
--color-primary-hover: #bd5617;
--color-success: #00b412;
--color-danger: #d62525;
--color-danger-text: #ffffff;
--color-alert-info: #0167f4;
--color-alerts-dark-warning: #ffa000;
--color-alerts-light-success: #2cc750;
--color-yellow: #f2c01d;
--color-gray-200: #c9c9c9;
--color-gray-300: #f5f5f5;
--color-gray-400: #d9d9d9;
--color-gray-500: #9c9c9c;
--color-gray-700: #837c7c;
--color-card: #ffffff;
--color-card-foreground: #000000;
--color-background-dropdown: #ffffff99;
--color-foreground-dropdown: #171717;
--color-button-disabled: #e0e0e0;
--color-badge-tertiary: #e1bb3e;
--color-coupon: #a19405;
--color-coupon-bg: #fbda020d;
--color-eride-400-primary: #ffc712;
--radius-tags: 0.5rem;
--radius-card: 0.625rem;
--radius-dropdown: 1rem;
--radius-boxes: 1.25rem;
--radius-button: 1.875rem;
--radius-40: 2.5rem;
--radius-50: 3.125rem;
--shadow: 0 2px 3px 0 #726a6a40;
--shadow-secondary: 5px 4px 12px 0px #a4a1a140;
--width-desktop: 75rem;
}
@theme {
    --color-foreground-text: #000000;
--color-foreground: #171717;
--color-foreground-light: #ffffff;
--color-foreground-dark: #212121;
--color-background: #ffffff;
--color-background-dark: #000000;
--color-background-milky-white: #ffffff80;
--color-background-low-gray: #f3f2f2;
--color-background-primary: #fff5ee;
--color-primary: #ee6b1b;
--color-primary-hover: #bd5617;
--color-success: #00b412;
--color-danger: #d62525;
--color-danger-text: #ffffff;
--color-alert-info: #0167f4;
--color-alerts-dark-warning: #ffa000;
--color-alerts-light-success: #2cc750;
--color-yellow: #f2c01d;
--color-gray-200: #c9c9c9;
--color-gray-300: #f5f5f5;
--color-gray-400: #d9d9d9;
--color-gray-500: #9c9c9c;
--color-gray-700: #837c7c;
--color-card: #ffffff;
--color-card-foreground: #000000;
--color-background-dropdown: #ffffff99;
--color-foreground-dropdown: #171717;
--color-button-disabled: #e0e0e0;
--color-badge-tertiary: #e1bb3e;
--color-coupon: #a19405;
--color-coupon-bg: #fbda020d;
--color-eride-400-primary: #ffc712;
--radius-tags: 0.5rem;
--radius-card: 0.625rem;
--radius-dropdown: 1rem;
--radius-boxes: 1.25rem;
--radius-button: 1.875rem;
--radius-40: 2.5rem;
--radius-50: 3.125rem;
--shadow: 0 2px 3px 0 #726a6a40;
--shadow-secondary: 5px 4px 12px 0px #a4a1a140;
--width-desktop: 75rem;
}