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

body.dark {
    --universalRoundedCorners: 15px;
    --universalFont: 'Rubik', sans-serif;
    --universalFont2: 'Poppins', sans-serif;
    --navBackground: #111111;
    --background: #161616;
    --accentColor: #da2626;
    --navButtonSelected: #ffffff;
    --navLabel: #c9c9c9;
    --navButtonUnselected: #414141;
    --segmentedControlBorder: #414141;
    --segmentedControlSelected: #414141;
    --tableBorder: #292929;
    --primaryLabel: #c9c9c9;
    --secondary2Label: #8f8f8f;
    --secondaryLabel: #646464;
    --buttonDisabled: #414141;
    --dropdownAnimationSpeed: 250ms;
    --skeletonBackground: #111111;
    --skeletonHighlight: #161616;
    --toastBackground: #0e0e0e;
    --ticketBackgroundRed: #835c5c;
    --ticketBackgroundGreen: #5e8958;
    --ticketBackgroundYellow: #898658;
    --red: #b20000;
    --orange: #ffa500;
    --yellow: #ffff00;
    --green: #008000;
    --lime: #00ff00;
    --blue:#0000ff;
}


body.dark.deuteranopia{
     --universalRoundedCorners: 15px;
    --universalFont: 'Rubik', sans-serif;
    --universalFont2: 'Poppins', sans-serif;
    --navBackground: #111111;
    --background: #161616;
    --accentColor: #ff6f3c;
    --navButtonSelected: #ffffff;
    --navLabel: #c9c9c9;
    --navButtonUnselected: #414141;
    --segmentedControlBorder: #414141;
    --segmentedControlSelected: #414141;
    --tableBorder: #292929;
    --primaryLabel: #c9c9c9;
    --secondary2Label: #8f8f8f;
    --secondaryLabel: #646464;
    --buttonDisabled: #414141;
    --dropdownAnimationSpeed: 250ms;
    --skeletonBackground: #111111;
    --skeletonHighlight: #161616;
    --toastBackground: #0e0e0e;
    --ticketBackgroundRed: #c15a4a;
    --ticketBackgroundGreen: #5a9fa3;
    --ticketBackgroundYellow: #c8a94d;
    --red: #ff6f3c;
    --orange: #ffa84f;
    --yellow: #ffdd57;
    --green: #4cb5ae;
    --lime: #7ef29d;
    --blue:#0000ff;
}


body.dark.protanopia{
     --universalRoundedCorners: 15px;
    --universalFont: 'Rubik', sans-serif;
    --universalFont2: 'Poppins', sans-serif;
    --navBackground: #111111;
    --background: #161616;
    --accentColor: #ff6f3c;
    --navButtonSelected: #ffffff;
    --navLabel: #c9c9c9;
    --navButtonUnselected: #414141;
    --segmentedControlBorder: #414141;
    --segmentedControlSelected: #414141;
    --tableBorder: #292929;
    --primaryLabel: #c9c9c9;
    --secondary2Label: #8f8f8f;
    --secondaryLabel: #646464;
    --buttonDisabled: #414141;
    --dropdownAnimationSpeed: 250ms;
    --skeletonBackground: #111111;
    --skeletonHighlight: #161616;
    --toastBackground: #0e0e0e;
    --ticketBackgroundRed: #c15a4a;
    --ticketBackgroundGreen: #5a9fa3;
    --ticketBackgroundYellow: #c8a94d;
    --red: #ff5c70;
    --orange: #ffb84f;
    --yellow: #ffdd57;
    --green: #4cb5ae;
    --lime: #7ef29d;
    --blue:#3366ff;
}

body.dark.tritanopia{
     --universalRoundedCorners: 15px;
    --universalFont: 'Rubik', sans-serif;
    --universalFont2: 'Poppins', sans-serif;
    --navBackground: #111111;
    --background: #161616;
    --accentColor: #ff6f3c;
    --navButtonSelected: #ffffff;
    --navLabel: #c9c9c9;
    --navButtonUnselected: #414141;
    --segmentedControlBorder: #414141;
    --segmentedControlSelected: #414141;
    --tableBorder: #292929;
    --primaryLabel: #c9c9c9;
    --secondary2Label: #8f8f8f;
    --secondaryLabel: #646464;
    --buttonDisabled: #414141;
    --dropdownAnimationSpeed: 250ms;
    --skeletonBackground: #111111;
    --skeletonHighlight: #161616;
    --toastBackground: #0e0e0e;
    --ticketBackgroundRed: #c15a4a;
    --ticketBackgroundGreen: #5a9fa3;
    --ticketBackgroundYellow: #d89c4a;
    --red: #ff6f3c;
    --orange: #ffb84f;
    --yellow: #d89c4a;
    --green: #4cb5ae;
    --lime: #7ef29d;
    --blue:#4f7cff;
}