html:root.default, html:root.dark {
    /*CHANGE THESE FOR THEMES*/
    --tooltip-bg: black;
    --select-bg: #171717;
    --ram-bg: #181818;
    --base-bg: #111111;
    --base-text: #eeeeee;
    --outline: #303030;
    --card-banner-bg: #141414;
    --deep-bg: #000000;
    --dropdown-bg: #141414;
    /*END THEME VARIATION*/
    --blue: #00aeef;
    --indigo: #6610f2;
    --purple: #ab8ce4;
    --pink: #E91E63;
    --red: #ff0017;
    --orange: #fb9678;
    --yellow: #ffd500;
    --green: #3bd949;
    --teal: #58d8a3;
    --cyan: #57c7d4;
    --white: #ffffff;
    --white-smoke: #f3f5f6;
    --gray: #6c757d;
    --gray-light: #8ba2b5;
    --gray-lightest: #f7f7f9;
    --primary: #ededed;
    --secondary: #dde4eb;
    --success: #19d895;
    --info: #8862e0;
    --warning: #ffaf00;
    --danger: #ff6258;
    --light: #fbfbfb;
    --dark: #252C46;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
        "Atkinson Hyperlegible Next", "Helvetica Neue", Arial, "Noto Sans",
        sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
    --font-family-monospace: "Atkinson Hyperlegible Mono", SFMono-Regular, Menlo,
        Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

html { color-scheme: dark; scrollbar-color: #454545 #0a0a0a; }
body { -webkit-font-smoothing: antialiased; }
::selection { background: #4b4b4b; color: #fff; }
.content-wrapper, .main-panel, .auth.auth-bg-1 { background: #000 !important; }
.sidebar, .navbar .navbar-menu-wrapper, .navbar .navbar-brand-wrapper {
    background: #090909 !important;
}
.sidebar { border-right: 1px solid #242424; }
.navbar { border-bottom: 1px solid #242424; }
.card, .modal-content, .dropdown-menu, #login-form-background {
    background: #111 !important;
    border: 1px solid #303030 !important;
    border-radius: 12px;
    box-shadow: none !important;
}
.card-header { background: #151515 !important; border-bottom-color: #303030; }
.table, .table th, .table td { border-color: #303030 !important; }
.table th, .card-title { letter-spacing: 0; }
.text-muted, small, .text-small { color: #ababab !important; }
.form-control, .custom-select, .select2-selection {
    background: #191919 !important;
    color: #f2f2f2 !important;
    border-color: #404040 !important;
    border-radius: 8px;
    caret-color: #fff;
}
.form-control::placeholder { color: #a1a1a1 !important; }
.form-control:focus { border-color: #aaa !important; box-shadow: 0 0 0 2px #454545 !important; }
.btn-primary { color: #111 !important; background: #ededed !important; border-color: #ededed !important; }
.btn-primary:hover { background: #d6d6d6 !important; border-color: #d6d6d6 !important; }
.btn-outline-primary { color: #ededed !important; border-color: #666 !important; }
.btn-outline-primary:hover { background: #282828 !important; }
.btn { border-radius: 8px; transition: background-color 140ms ease, border-color 140ms ease; }
.btn, .nav-link, button { -webkit-tap-highlight-color: transparent; user-select: none; }
a { text-underline-offset: 3px; }
:focus-visible { outline: 2px solid #e0e0e0; outline-offset: 3px; }
.auth.theme-one .auto-form-wrapper { padding: 36px !important; }
.auth .auto-form-logo { margin-bottom: 28px; }
.auth .submit-btn { min-height: 46px; font-size: 16px !important; }
.auth .forgot-password { font-size: 13px !important; }
@media (max-width: 767px) {
    input, textarea, select, .form-control { font-size: 16px !important; }
    .auth.theme-one .auto-form-wrapper { padding: 28px !important; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}