@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* $primary: #abcdd3;
$secondary: #6b8e8e;
$light: #c3d3d5;
$dark: #2a3a3c; */
/* border-bottom: 1px solid #e5e5e5;
background-color:#dfeded;
background-image: linear-gradient(to right, #dfeded , #abcdd3);
color:#333333;
https://www.realtimecolors.com/?colors=333333-fafafa-abcdd3-d1d1d1-c20000&fonts=Inter-Inter
https://www.realtimecolors.com/?colors=333333-fafafa-abcdd3-6ff9c4-c20000&fonts=Inter-Inte
*/
/* Theme Variables */
:root[data-theme="light"] {
--text: #333333;
--text-alt: #F2F2F2;
--text-muted: #666666;

--link: #589ba7;

--background: #FAFAFA;
--background-alt: #F2F2F2;
--background-dark: #0D0D0D;

--primary: #95c0c6;/*#a1c6cc;*/
--primary-text: #233E43;
--primary-hover: #79AFB9;

--secondary: #1A1A1A;
--secondary-text: #F2F2F2;
--secondary-hover: #0D0D0D;

--default: #1A1A1A;
--default-text: #F2F2F2;
--default-hover: #0D0D0D;

--accent: #e97fff;
--accent-text: #531d5e;
--accent-hover: #e374fc;


--danger: #ff9999;
--danger-text: #ffffff;
--danger-hover: #f28e8e;

/*--danger: #FFCCCC;
--danger-text: #990000;
--danger-hover: #FF9999;*/

--warning: #FFC107;
--warning-text: #3f2f00;
--warning-hover: #E0A800;

--info: #17A2B8;
--info-text: #083a42;
--info-hover: #138496;

--success: #3BF7AF;
--success-text: #04623E;
--success-hover: #0AF59B;

--discount: #FF3333;
--discount-text: #ffffff;
--discount-hover: #ea4f4f;

--dark: #121F21;
--light: #e8e8e8;
--black: #050505;
--white: #ffffff;
}
/*-------------------------------------------------------------------------------------------------

                                      DARK                                                        */

:root[data-theme="dark"] {
--text: #dddbdb;
--text-alt: #0D0D0D;
--text-muted: #666666;

--link: #467C86;

--background: #050505;
--background-alt: #0D0D0D;
--background-dark: #F2F2F2;

--primary:  #2C4E54; /*38747f*/
--primary-text: #BCD7DC;
--primary-hover: #589BA7;

--secondary: #1A1A1A;
--secondary-text: #545252;
--secondary-hover: #0f0e0e;

--default: #050505;
--default-text: #DDDBDB;
--default-hover: #1A1A1A;

--accent: #e97fff;
--accent-text: #531d5e;
--accent-hover: #e374fc;


--danger: #ff9999;
--danger-text: #330000;
--danger-hover: #f28e8e;

--warning: #FFC107;
--warning-text: #3f2f00;
--warning-hover: #E0A800;

--info: #17A2B8;
--info-text: #083a42;
--info-hover: #138496;

--success: #3BF7AF;
--success-text: #04623E;
--success-hover: #0AF59B;

--discount: #FF3333;
--discount-text: #ffffff;
--discount-hover: #ea4f4f;

--dark: #DEEBED;
--light: #1A1A1A;
--black: #050505;
--white: #ffffff;
}