* {
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

:root {
    --color-first-100: #FF6347;
    --color-first-130: #FF634730;
    --color-first-180: #FF634780;
    --color-first-200: #FF775A;
    --color-first-300: #FF896D;
    --color-first-400: #FF9B81;
    --color-first-500: #FFAC95;
    --color-first-600: #FFBDAA;
    --color-first-680: #FFBDAA80;

    --color-second-100: #F5F5F5;
    --color-second-200: #F7F7F7;
    --color-second-300: #F9F9F9;
    --color-second-400: #FBFBFB;
    --color-second-500: #FDFDFD;
    --color-second-600: #FFFFFF;

    --color-third-100: #192838;
    --color-third-130: #19283830;
    --color-third-200: #2F3C4B;
    --color-third-300: #475260;
    --color-third-400: #5f6875;
    --color-third-500: #777F8A;
    --color-third-600: #9198A1;


    --color-body-bg: #fff8f6;
    --card-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, var(--color-third-130) 0px 1px 3px -1px;
    --border-radius: 0.25rem;

    --header-height: 65px;
    --sidebar-width: 250px;

    --dashboard-post: #BC6C25;
    --dashboard-live: #FB8500;
    --chart-font-family: "Barlow", sans-serif;

}