:root {
    --font-size-body-b1: 10px;
    --font-size-body-b2: 12px;
    --font-size-body-b3: 14px;
    --font-size-body-b4: 16px;
    --font-size-body-b5: 18px;

    --font-size-header-h1: 24px;
    --font-size-header-h2: 32px;
    --font-size-header-h3: 36px;
    --font-size-header-h4: 40px;
    --font-size-header-h5: 48px;
    
    --font-family-heading: 'Inter';
    --font-family-body: 'Inter';
    
    --font-weight-normal: normal;
    --font-weight-bold: bold;
    
    --font-style-normal: normal;
    --font-style-italic: italic;
    
    /* --background-color-primary-light: #FFF9FA;
    --background-color-primary-light-hover: #FFF6F7;
    --background-color-primary-light-active: #FFEBEF;
    --background-color-primary-normal: #FFC0CB;
    --background-color-primary-normal-hover: #E6ADB7;
    --background-color-primary-normal-active: #CC9AA2;
    --background-color-primary-dark: #BF9098;
    --background-color-primary-dark-hover: #99737A;
    --background-color-primary-dark-active: #73565B;
    --background-color-primary-darker: #73565B;

    --background-color-secondary-light: #E6F6F4;
    --background-color-secondary-light-hover: #D9F2EF;
    --background-color-secondary-light-active: #B0E4DD;
    --background-color-secondary-normal: #00A991;
    --background-color-secondary-normal-hover: #009883;
    --background-color-secondary-normal-active: #008774;
    --background-color-secondary-dark: #007F6D;
    --background-color-secondary-dark-hover: #006557;
    --background-color-secondary-dark-active: #004C41;
    --background-color-secondary-darker: #003B33; */

    --background-color-primary-light: #F2F5F9;
    --background-color-primary-light-hover: #EBEFF6;
    --background-color-primary-light-active: #D6DEED;
    --background-color-primary-normal: #7C96C4;
    --background-color-primary-normal-hover: #7087B0;
    --background-color-primary-normal-active: #63789D;
    --background-color-primary-dark: #5D7193;
    --background-color-primary-dark-hover: #4A5A76;
    --background-color-primary-dark-active: #384458;
    --background-color-primary-darker: #2B3545;

    /* --background-color-secondary-light: #E6F6F4;
    --background-color-secondary-light-hover: #D9F2EF;
    --background-color-secondary-light-active: #B0E4DD;
    --background-color-secondary-normal: #00A991;
    --background-color-secondary-normal-hover: #009883;
    --background-color-secondary-normal-active: #008774;
    --background-color-secondary-dark: #007F6D;
    --background-color-secondary-dark-hover: #006557;
    --background-color-secondary-dark-active: #004C41;
    --background-color-secondary-darker: #003B33; */

    /* --background-color-secondary-light: #FDE3E3;
    --background-color-secondary-light-hover: #FBC1C1;
    --background-color-secondary-light-active: #F8A3A3;
    --background-color-secondary-normal: #F390BC;
    --background-color-secondary-normal-hover: #EC7EB2;
    --background-color-secondary-normal-active: #E85A99;
    --background-color-secondary-dark: #D64A8C;
    --background-color-secondary-dark-hover: #C23F7C;
    --background-color-secondary-dark-active: #A8285E;
    --background-color-secondary-darker: #8D1F4B; */
    
    --background-color-secondary-light: #fff6e6;
    --background-color-secondary-light-hover: #fff2d9;
    --background-color-secondary-light-active: #ffe3b0;
    --background-color-secondary-normal: #ffa500;
    --background-color-secondary-normal-hover: #e69500;
    --background-color-secondary-normal-active: #cc8400;
    --background-color-secondary-dark: #bf7c00;
    --background-color-secondary-dark-hover: #996300;
    --background-color-secondary-dark-active: #734a00;
    --background-color-secondary-darker: #593a00;

    --background-color-neutral-normal: #FFFFFF;
    --background-color-neutral-normal-hover: #E6E6E6;
    --background-color-neutral-normal-active: #CCCCCC;
    --background-color-neutral-dark: #BFBFBF;
    --background-color-neutral-dark-hover: #999999;
    --background-color-neutral-dark-active: #737373;
    --background-color-neutral-darker: #595959;
}