:root {
    --neutral: var(--neutral-black);
    --invert-neutral: var(--neutral-white);
    --gray-700: #383838;
    --gray-800: #232323;
    --text-neutral: var(--gray-50);
    --text-dark: var(--gray-900);
    --text-muted: var(--gray-400);
    --text-light: var(--gray-300);
    --text-color: var(--gray-50);
    --heading-color: var(--gray-50);
    --icon-fill: transparent;
    --icon-stroke: var(--gray-300);
    --error-bg: var(--red-800);
    --error-border: var(--red-400);
    --bg-color: var(--gray-900);
    --fg-color: var(--gray-900);
    --subtle-accent: var(--gray-700);
    --subtle-fg: var(--gray-800);
    --navbar-bg: var(--gray-900);
    --fg-hover-color: var(--gray-800);
    --card-bg: var(--gray-900);
    --disabled-text-color: var(--gray-400);
    --disabled-control-bg: var(--gray-800);
    --control-bg: var(--gray-800);
    --control-bg-on-gray: var(--gray-800);
    --awesomebar-focus-bg: var(--control-bg);
    --awesomplete-hover-bg: var(--gray-800);
    --modal-bg: var(--gray-900);
    --toast-bg: var(--modal-bg);
    --popover-bg: var(--bg-color);
    --btn-default-bg: var(--gray-800);
    --btn-default-hover-bg: var(--gray-700);
    --btn-primary: var(--gray-300);
    --border-primary: var(--gray-200);
    --bg-blue: var(--blue-600);
    --bg-light-blue: var(--blue-600);
    --bg-dark-blue: var(--blue-900);
    --bg-green: var(--green-900);
    --bg-yellow: var(--yellow-700);
    --bg-orange: var(--orange-700);
    --bg-red: var(--red-600);
    --bg-gray: var(--gray-600);
    --bg-grey: var(--gray-600);
    --bg-darkgrey: var(--gray-600);
    --bg-dark-gray: var(--gray-500);
    --bg-light-gray: var(--gray-800);
    --bg-purple: var(--purple-700);
    --bg-pink: var(--pink-700);
    --bg-cyan: var(--cyan-800);
    --text-on-blue: var(--blue-50);
    --text-on-light-blue: var(--blue-50);
    --text-on-dark-blue: var(--blue-300);
    --text-on-green: var(--green-100);
    --text-on-yellow: var(--yellow-50);
    --text-on-orange: var(--orange-100);
    --text-on-red: var(--red-50);
    --text-on-gray: var(--gray-50);
    --text-on-grey: var(--gray-50);
    --text-on-darkgrey: var(--gray-200);
    --text-on-dark-gray: var(--gray-200);
    --text-on-light-gray: var(--gray-100);
    --text-on-purple: var(--purple-100);
    --text-on-pink: var(--pink-100);
    --text-on-cyan: var(--cyan-100);
    --alert-text-danger: var(--red-300);
    --alert-text-warning: var(--yellow-300);
    --alert-text-info: var(--blue-300);
    --alert-text-success: var(--green-300);
    --alert-bg-danger: var(--red-900);
    --alert-bg-warning: var(--yellow-900);
    --alert-bg-info: var(--blue-900);
    --alert-bg-success: var(--green-900);
    --sidebar-select-color: var(--gray-800);
    --scrollbar-thumb-color: var(--gray-600);
    --scrollbar-track-color: var(--gray-700);
    --timeline-badge-color: var(--gray-500);
    --timeline-badge-bg: var(--gray-900);
    --shadow-inset: var(--fg-color);
    --border-color: var(--gray-800);
    --dark-border-color: var(--gray-600);
    --table-border-color: var(--border-color);
    --highlight-color: var(--gray-700);
    --yellow-highlight-color: var(--yellow-700);
    --btn-group-border-color: var(--gray-700);
    --placeholder-color: var(--gray-700);
    --highlight-shadow: 1px 1px 10px var(--blue-900), 0px 0px 4px var(--blue-500);
    --shadow-base: 0px 4px 8px rgba(114, 176, 233, 0.06), 0px 0px 4px rgba(112, 172, 228, 0.12);
    --diff-added: var(--green-800);
    --diff-removed: var(--red-800);
    --input-disabled-bg: none;
    --checkbox-color: var(--neutral-white);
    --checkbox-gradient: linear-gradient(180deg,
            var(--neutral-white) -124.51%,
            var(--neutral-white) 100%);
    --checkbox-disabled-gradient: linear-gradient(180deg,
            var(--gray-600) -124.51%,
            var(--gray-600) 100%);
    --checkbox-focus-shadow: var(--focus-default);
    --switch-bg: var(--gray-500);
    --date-active-text: var(--gray-100);
    --date-active-bg: var(--gray-700);
    --date-range-bg: var(--subtle-fg);
    color-scheme: dark;
    --skeleton-bg: var(--gray-800);
    --right-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.25 7.5L4.75 4L1.25 0.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    --left-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.5 9.5L4 6l3.5-3.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'></path></svg>");
}



.dropdown-menu {
    background: var(--bg-color) !important;

}

.dropdown-item:hover,
.dropdown-item:focus {
    background: var(--bg-color) !important;
}

body {
    color: var(--text-muted) !important;
    background: var(--bg-color) !important;

}

.nav-link {
    color: var(--text-muted) !important;
}

.navbar {
    height: 48px;
    background: var(--navbar-bg) !important;
    border-bottom: 1px solid var(--border-color) !important;
    padding: 0;
}


.my-account-header {
    color: var(--text-muted) !important;
}

.account-info .my-account-name,
.account-info .my-account-item {
    color: var(--text-muted) !important;
}

.account-info .my-account-item-desc {
    color: var(--text-muted) !important;
}


.sidebar-item a:hover {
    color: #FFF !important;
}

[data-doctype="Web Form"] .page-content-wrapper .container .page_content h1 {
    color: var(--text-muted) !important;
}

.form-control {
    color: var(--text-color) !important;
    background-color: var(--control-bg) !important;
}

.form-control {
    color: var(--text-color) !important;
    background-color: var(--control-bg) !important;
}

[data-doctype="Web Form"] .page-content-wrapper .container .page_content .success-page .success-header .success-title {
    color: #FFF !important;
}

.apps-container .app-title {
    color: #FFF !important;
}

.apps-container .logout-btn {
    color: #000 !important;
}

.sidebar-item a.active {
    color: #FFF !important;
}

.table-bordered,
.table-bordered th,
.table-bordered td {
    border: 1px solid #eeeeee59 !important;
}

.table th,
.table td {
    word-wrap: break-word !important;
    padding: 4px !important;
    color: #FFF;
    font-size: 0.75rem;
}

.ql-toolbar.ql-snow {
    background: var(--gray-700) !important;
}

.modal-content {
    background-color: var(--bg-color) !important;
    color: #FFF !important;
}

.modal-title {
    color: #FFF !important;
}

.btn-file-upload {
    color: #FFF !important;
}

a {
    color: #FFF !important;
}

.btn.btn-primary {
    color: #000 !important;
}

.login-content .btn.btn-primary {
    color: #FFF !important;
}

.forgot-password-message a {
    color: #000 !important
}

.text-muted {
    color: #FFF !important;
}

.order-items {
    color: #FFF !important;
}