:root {
    /*font*/
    --theme-font-family: 'Poppins', sans-serif;
    --theme-font-size: 16px;
    /*primary*/
    --theme-color-primary-lightest: #DAC9F6; /*75%*/
    --theme-color-primary-lighter: #B694EC; /*50%*/
    --theme-color-primary-light: #925EE2; /*25%*/
    --theme-color-primary: #6D28D9;
    --theme-color-primary-dark: #521EA3; /*25%*/
    --theme-color-primary-darker: #36146C; /*50%*/
    --theme-color-primary-darkest: #1B0A36; /*75%*/
    /*secondary*/
    --theme-color-secondary-lightest: #DFC8F0; /*75%*/
    --theme-color-secondary-lighter: #BF92E0; /*50%*/
    --theme-color-secondary-light: #9E5BD1; /*25%*/
    --theme-color-secondary: #7E24C1;
    --theme-color-secondary-dark: #5F1B91; /*25%*/
    --theme-color-secondary-darker: #3F1261; /*50%*/
    --theme-color-secondary-darkest: #200930; /*75%*/
    /*success*/
    --theme-color-success-lightest: #C9E9D1; /*75%*/
    --theme-color-success-lighter: #94D3A2; /*50%*/
    --theme-color-success-light: #5EBD74; /*25%*/
    --theme-color-success: #28A745;
    --theme-color-success-dark: #1E7D34; /*25%*/
    --theme-color-success-darker: #145423; /*50%*/
    --theme-color-success-darkest: #0A2A11; /*75%*/
    /*danger*/
    --theme-color-danger-lightest: #F6CDD1; /*75%*/
    --theme-color-danger-lighter: #EE9AA2; /*50%*/
    --theme-color-danger-light: #E56874; /*25%*/
    --theme-color-danger: #DC3545;
    --theme-color-danger-dark: #A52834; /*25%*/
    --theme-color-danger-darker: #6E1B23; /*50%*/
    --theme-color-danger-darkest: #370D11; /*75%*/
    /*warning*/
    --theme-color-warning-lightest: #FFF0C1; /*75%*/
    --theme-color-warning-lighter: #FFE083; /*50%*/
    --theme-color-warning-light: #FFD145; /*25%*/
    --theme-color-warning: #FFC107;
    --theme-color-warning-dark: #BF9105; /*25%*/
    --theme-color-warning-darker: #806104; /*50%*/
    --theme-color-warning-darkest: #403002; /*75%*/
    /*white*/
    --theme-color-white: #FFFFFF;
    --theme-color-white-semi: #FCFCFD;
    /*black*/
    --theme-color-black: #0D0D0D;
    /*grey*/
    --theme-color-grey-lightest: #F8F8F8;
    --theme-color-grey-lighter: #EDEDED;
    --theme-color-grey-light: #A6A6A6;
    --theme-color-grey: #414246;
    --theme-color-grey-dark: #2C2D31;
    --theme-color-grey-darker: #1F1F1F;
    --theme-color-grey-darkest: #171717;
    /*pastel*/
    --theme-color-pastel-green: #A5FFA5;
    --theme-color-pastel-turquoise: #97F7E6;
    --theme-color-pastel-blue: #AFC9FC;
    --theme-color-pastel-violett: #B79BD5;
    --theme-color-pastel-pink: #DBA3D2;
    --theme-color-pastel-red: #EFAFAF;
    --theme-color-pastel-orange: #FAD793;
    --theme-color-pastel-yellow: #FBFF8A;
}