@import url('https://fonts.googleapis.com/css2?family=Arial:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');

:root {
    /* Use RGBA to apply color with opacity*/
    --color-primary:  #ffffff;
    --color-primary-dark:  #455A64;
    --color-primary-light: #546E7A;
    --color-primary-lighter: #90A4AE;
    --color-lp-accent: #FFA726;
    --color-accent-left: #FFA726;
    --color-accent-light:#f4f4f4;
    --color-accent-2 : #080808;
    --color-text-body: #000000;
    --color-white: #ffffff;
    --color-red: #F58C31;
    --color-white-shadow: rgba(255, 255, 255, .2);
    --color-text: #575757;
    --color-background: #455A64;
    --font-body: "Arial";
    --font-title: "Oswald";
    --color-chat-primary: #FFA726;
}