/* CSS Variables */
:root {
    /* Color */
    --main: #16d9b5;
    --main-dark: #a7d6ce;
    --main-darker: #0097c2;
    --main-light: #d1fff7;
    --main-lighter: #dff8ff;

    /* --grey: #8b8b8b; */
    --grey: #555555;
    /* --grey-dark: #373737; */
    --grey-dark: #222222;
    --grey-light: #d9d9d9;
    --grey-lighter: #f1f3f5;
    
    /* --grey-background: #f1f2f7; */
    --grey-background: #f8f9fa;
    --grey-placeholder: #8b8b8b;
    --grey-btn-background: #f1f3f5;
    
    --positive: #2a62f2;
    --negative: #ea1744;
    --basic:#000000;

    --account-blue: #2959d4;
    --account-blue-light: #4374f2;
}
