@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');
@import url('https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css');

@import './utils.css';
@import './login.css';
@import './dashboard.css';
@import './responsive.css';


:root {
    --wms-color-primary:  23, 23, 23;;
    --wms-color-white: 255, 255, 255;
    --wms-color-dark: 23, 23, 23;
    --wms-border-color: 18, 18, 18;
    --wms-border-opacity: .1;
    --wms-font-primary: "Plus Jakarta Sans", sans-serif;
    --wms-dashboard-background: 250, 250, 250;
    --wms-color-danger: 220, 37, 37;
    --wms-color-success: 0, 128, 0;
    --wms-color-info: 0, 128, 128;
    --wms-color-dark-head: 38, 38, 38;
}

body.dark-mode {
    --wms-color-primary:  255, 255, 255;
    --wms-color-white: 23, 23, 23;
    --wms-color-dark: 255, 255, 255;
    --wms-border-color: 255, 255, 255;
    --wms-border-opacity: .1;
    --wms-font-primary: "Plus Jakarta Sans", sans-serif;
    --wms-dashboard-background: 23, 23, 23;
    --wms-dark-border-color: 255, 255, 255;
}


* {
    font-family: var(--wms-font-primary);
    color: rgb(var(--wms-color-dark));
}

/* temporary */
/* ul [class*=" fa-"]:not(.fa-moon):not(.fa-sun)::before,
ul [class^="fa-"]:not(.fa-moon):not(.fa-sun)::before {
    content: "\f015" !important;
} */