@import url('https://fonts.googleapis.com/css2?family=Cabin+Sketch:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Text+Me+One&display=swap');
@import url('https://fonts.cdnfonts.com/css/cooper-hewitt');

:root {
    --main-blue: #39baff;
    --dark-blue: #005587;
    --light-blue: #C7EBFF;

    --red: #8B2847;
    --light-red: #f3cfdb;

    --orange: #FF8467;
    --light-orange: #ffaa95;

    --yellow: #ffc267;
    --light-yellow: #ffd495;

    --black: #010101;
    --white: #FFFFFF;
    --light-grey: #fffefb;
    --grey: #e1e1e1;
    --mid-grey: #9c9c9c;

    --green-success: #4BB543;
    --light-green-success: #f4fbf4;

    --red-error: #F44336;
    --light-red-error: #FFEBEE;

    --main-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    --menu-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    --input-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    --focus-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;



    --font-logo: 'Cabin Sketch', display;
    --font-title: 'Text Me One', sans-serif;
    --font-main: 'Cooper Hewitt', sans-serif;
}