:root{
    --default_light: #eee;
    --default: #ccc;
    --default_dark: #888;

    --primary_light: #ff3ca7;
    --primary: #FF009E;
    --primary_dark: #ca006f;
 
    /* --secondary_light: #6effff;
    --secondary: #00F3FF;
    --secondary_dark: #00c5df; */
    --secondary_light: #1678f8;
    --secondary: #0055ff;
    --secondary_dark: #003cb3;

    --warning_light: #fc8211;
    --warning: #FF5C00;
    --warning_dark: #e94200;
    
    --white:#fff;
    --black:#000;
    --blue:#026eda;
    --blue_dark:#003bb9;
    --yellow:#FFE800;
    --yellow_dark:#cebe0c;
    --green:#00c74c;
    --green_dark:#00a140;
    --orange:#FF5C00;
    --orange_dark:#da3f02;
    --orange_hover:#ff8018;
    --dark:#222;
    --danger:#ee2b2b;

    --warm_grey:#55453e;
    --warm_grey_dark:#352e2b;
    --warm_grey_hover:#88746c;

    --grey-1:#111;
    --grey-2:#222;
    --grey-3:#333;
    --grey-4:#444;
    --grey-5:#555;
    --grey-6:#666;
    --grey-7:#777;
    --grey-8:#888;
    --grey-9:#999;
}