cly-uikit v0.9.3

--color-primary: #FCD535;
--color-primary-100: #FFFAE6;
--color-primary-200: #FEF8DE;
--color-primary-300: #FEEEAE;
--color-primary-400: #FDE686;
--color-primary-500: #FDDD5D;
--color-primary-600: #FCD535;
--color-primary-700: #FBCB04;
--color-primary-800: #F1C304;

--color-secondary: #8C7BFE;
--color-secondary-100: #FAFAFF;
--color-secondary-200: #F6F6FE;
--color-secondary-300: #E8E5FF;
--color-secondary-400: #D1CAFF;
--color-secondary-500: #A79AFE;
--color-secondary-600: #8C7BFE;
--color-secondary-700: #7A67FE;
--color-secondary-800: #6049FE;

--color-tertiary: #4ADA85;
--color-tertiary-100: #F7FDFA;
--color-tertiary-200: #F2FCF6;
--color-tertiary-300: #C9F4DB;
--color-tertiary-400: #92E9B6;
--color-tertiary-500: #6EE19D;
--color-tertiary-600: #4ADA85;
--color-tertiary-700: #2ACB6C;
--color-tertiary-800: #26BA63;

--color-text-1: #000000;
--color-text-2: #2D3339;
--color-text-3: #464F58;

--color-text-placeholder: #C2C8CE;

--color-background-main: #F7F7F7;
--color-background-section-1: #FFFFFF;
--color-background-section-2: #F2FCF6;
--color-background-section-3: #F6F6FE;
--color-background-section-4: #E8E5FF;

--color-background-success: #E5FFF9;
--color-text-success: #00AF89;
--color-background-error: #FFEBEB;
--color-text-error: #FF3B3B;

--font-product-sans: 'Product Sans';
--font-oswald: 'Oswald';

[data-theme="dark"] {

 --color-text-placeholder: #63707D;

 --color-text-1: #E5E7EA;
--color-text-2: #A7B0B8;
--color-text-3: #A7B0B8;

--color-background-main: #272D33;
--color-background-section-1: #3D4752;
--color-background-section-2: #464F58;
--color-background-section-3: #353E47;
--color-background-section-4: #353E47;

--color-background-success: #003D30;
--color-text-success: #7AFFE2;
--color-background-error: #3A2126;
--color-text-error: #FF6666;
}