@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');


/* APP ========================================================================================================================================================= */
/* APP ========================================================================================================================================================= */
/* APP ========================================================================================================================================================= */
/* APP ========================================================================================================================================================= */
:root {
    --background: #FFFFFF;
    --body: #F9F9F9;
    --text: #000000;
    --shadow_card: #00000025;
    --secondary_info: #777777;

    --primary: #FF6B00;
    --primary99: #FF6B0099;
    --primary90: #FF6B0090;
    --primary75: #FF6B0075;
    --primary50: #FF6B0050;
    --primary25: #FF6B0025;

    --secondary: #B34B00;
    --secondary99: #B34B0099;
    --secondary90: #B34B0090;
    --secondary75: #B34B0075;
    --secondary50: #B34B0050;
    --secondary25: #B34B0025;
    --secondary15: #B34B0015;
    --secondary10: #B34B0010;
    --secondary05: #B34B0005;

    --button_text: #FFFFFF;
    --hover_a: #F1F1F1;
    --active_a: #E7E7E7;
    --slight_hover_a: #F5F5F5;
    --slight_active_a: #F1F1F1;
    --logout: #B00000;

    --dashed_border_index: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23000000FF' stroke-width='5' stroke-dasharray='6%2c 14' stroke-dashoffset='5' stroke-linecap='square'/%3e%3c/svg%3e");


    --padding: max(15px, calc(38px + 13.5625vw));
    --padding_nav: max(15px, calc(30px + 10.5625vw));

}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

body {
    background-color: var(--body);
    height: 100vh;
    scrollbar-gutter: stable both-edges;
    font-family: 'Outfit', Helvetica, Arial, sans-serif;
    display: flex;
    flex-direction: column;
}

h1 {
    font-family: 'Outfit', Helvetica, Arial, sans-serif;
}