:root,
[data-bs-theme=light]{
    --bs-primary: #000000;
    --bs-secondary: #f76400;

    --bs-primary-rgb: 0, 0, 0;
    --bs-secondary-rgb: 247, 100, 0;

    --bs-link-color-rgb: 33, 37, 41;
    --bs-link-hover-color-rgb: 0, 0, 0;

    --bs-body-text-align: start;
    --bs-scroll-height: auto;
    --bs-breadcrumb-divider: "/";
    --window-header-height: 92px;
    --nav-surface: #f2ecee;
    --nav-container-bg: var(--bs-white);
    --nav-on-surface: #4d4256;
    --nav-on-surface-strong: #1f1f1f;
    --nav-active-bg: #ffd9e2;
    --nav-active-color: #21182b;
    --nav-fab-bg: #ffdbcc;
    --nav-fab-hover-bg: #e8d6d0;
    --nav-danger-dot: #d93025;
    --nav-outline: #1f1f1f;
    --nav-focus-ring: var(--bs-white);
    --nav-border-color: rgba(var(--bs-black-rgb), 0.12);
    --nav-title-color: rgba(var(--bs-black-rgb), 0.87);
    --nav-muted-color: rgba(var(--bs-black-rgb), 0.6);
    --nav-brand-color: rgb(98, 0, 238);
    --nav-brand-active-color: rgba(98, 0, 238, 0.87);
    --nav-hover-state: rgba(77, 66, 86, .08);
    --nav-pressed-state: rgba(77, 66, 86, .12);
    --nav-rail-pressed-state: rgba(196, 199, 197, .12);
    --nav-shadow-elevation: 0 1px 2px 0 rgb(0 0 0 / 30%), 0 2px 6px 2px rgb(0 0 0 / 15%);
    --nav-modal-shadow: rgba(0, 0, 0, 0.2) 0 8px 10px -5px,
    rgba(0, 0, 0, 0.14) 0 16px 24px 2px,
    rgba(0, 0, 0, 0.12) 0 6px 30px 5px;
    --nav-scrim-color: rgba(0, 0, 0, 0.32);
    --nav-button-overlay-bg: var(--bs-white);
    --nav-button-disabled-color: rgba(var(--bs-black-rgb), 0.38);
    --nav-button-disabled-bg: rgba(var(--bs-black-rgb), 0.12);
    --nav-button-border-color: rgba(var(--bs-black-rgb), 0.12);
    --nav-button-filled-bg: #6200ee;
    --nav-button-filled-color: var(--bs-white);
    --nav-button-ripple-color: var(--bs-white);
    --nav-button-raised-shadow: rgba(0, 0, 0, 0.2) 0 3px 1px -2px,
    rgba(0, 0, 0, 0.14) 0 2px 2px 0,
    rgba(0, 0, 0, 0.12) 0 1px 5px 0;
    --nav-button-raised-hover-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px -1px,
    rgba(0, 0, 0, 0.14) 0 4px 5px 0,
    rgba(0, 0, 0, 0.12) 0 1px 10px 0;
    --nav-button-raised-active-shadow: rgba(0, 0, 0, 0.2) 0 5px 5px -3px,
    rgba(0, 0, 0, 0.14) 0 8px 10px 1px,
    rgba(0, 0, 0, 0.12) 0 3px 14px 2px;
    --nav-button-raised-disabled-shadow: rgba(0, 0, 0, 0.2) 0 0 0 0,
    rgba(0, 0, 0, 0.14) 0 0 0 0,
    rgba(0, 0, 0, 0.12) 0 0 0 0;
    --card-border-radius: 24px;
}

[data-bs-theme=dark] {
    color-scheme: dark;

    --bs-link-color-rgb: 222, 226, 230;
    --bs-link-hover-color-rgb: 255, 255, 255;

    --bs-blue: #6ea8fe;
    --bs-blue-light: #8bb9fe;
    --bs-blue-dark: #3d8bfd;
    --bs-indigo: #a370f7;
    --bs-purple: #c29ffa;
    --bs-pink: #e685b5;
    --bs-red: #ea868f;
    --bs-orange: #feb272;
    --bs-yellow: #ffda6a;
    --bs-green: #75b798;
    --bs-teal: #79dfc1;
    --bs-cyan: #6edff6;
    --bs-black: #000;
    --bs-white: #fff;

    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;

    --bs-secondary: #feb272;
    --bs-secondary-l4: #fd9843;
    --bs-secondary-l3: #fd7e14;
    --bs-secondary-l2: #ca6510;
    --bs-secondary-l1: #984c0c;

    --bs-primary: #f8f9fa;
    --bs-primary-d1: #e9ecef;
    --bs-primary-d2: #dee2e6;
    --bs-primary-d3: #adb5bd;
    --bs-primary-d4: #6c757d;
    --bs-primary-d5: #495057;

    --bs-success: #75b798;
    --bs-info: #6edff6;
    --bs-warning: #ffda6a;
    --bs-danger: #ea868f;
    --bs-light: #343a40;
    --bs-dark: #f8f9fa;

    --bs-primary-rgb: 248, 249, 250;
    --bs-secondary-rgb: 254, 178, 114;
    --bs-success-rgb: 117, 183, 152;
    --bs-info-rgb: 110, 223, 246;
    --bs-warning-rgb: 255, 218, 106;
    --bs-danger-rgb: 234, 134, 143;
    --bs-light-rgb: 52, 58, 64;
    --bs-dark-rgb: 248, 249, 250;
    --bs-black-rgb: 0, 0, 0;
    --bs-white-rgb: 255, 255, 255;
    --bs-red-rgb: 234, 134, 143;
    --bs-orange-rgb: 254, 178, 114;
    --bs-yellow-rgb: 255, 218, 106;
    --bs-green-rgb: 117, 183, 152;
    --bs-teal-rgb: 121, 223, 193;
    --bs-cyan-rgb: 110, 223, 246;
    --bs-blue-rgb: 110, 168, 254;
    --bs-indigo-rgb: 163, 112, 247;
    --bs-purple-rgb: 194, 159, 250;
    --bs-pink-rgb: 230, 133, 181;

    --bs-red-soft: #2c0b0e;
    --bs-orange-soft: #331904;
    --bs-yellow-soft: #332701;
    --bs-green-soft: #051b11;
    --bs-teal-soft: #06281f;
    --bs-cyan-soft: #032830;
    --bs-blue-soft: #031633;
    --bs-indigo-soft: #140330;
    --bs-purple-soft: #1d0b31;
    --bs-pink-soft: #2b0719;
    --bs-primary-soft: rgba(var(--bs-primary-rgb), 0.12);
    --bs-secondary-soft: #331904;
    --bs-success-soft: #051b11;
    --bs-info-soft: #032830;
    --bs-warning-soft: #332701;
    --bs-danger-soft: #2c0b0e;

    --bs-red-soft-rgb: 44, 11, 14;
    --bs-orange-soft-rgb: 51, 25, 4;
    --bs-yellow-soft-rgb: 51, 39, 1;
    --bs-green-soft-rgb: 5, 27, 17;
    --bs-teal-soft-rgb: 6, 40, 31;
    --bs-cyan-soft-rgb: 3, 40, 48;
    --bs-blue-soft-rgb: 3, 22, 51;
    --bs-indigo-soft-rgb: 20, 3, 48;
    --bs-purple-soft-rgb: 29, 11, 49;
    --bs-pink-soft-rgb: 43, 7, 25;
    --bs-primary-soft-rgb: 248, 249, 250;
    --bs-secondary-soft-rgb: 51, 25, 4;
    --bs-success-soft-rgb: 5, 27, 17;
    --bs-info-soft-rgb: 3, 40, 48;
    --bs-warning-soft-rgb: 51, 39, 1;
    --bs-danger-soft-rgb: 44, 11, 14;

    --bs-primary-text-emphasis: #f8f9fa;
    --bs-secondary-text-emphasis: #feb272;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;

    --bs-primary-bg-subtle: rgba(var(--bs-primary-rgb), 0.12);
    --bs-secondary-bg-subtle: #331904;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;

    --bs-primary-border-subtle: #dee2e6;
    --bs-secondary-border-subtle: #984c0c;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;

    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-heading-color: #f8f9fa;
    --bs-link-color: #6ea8fe;
    --bs-link-decoration: none;
    --bs-link-hover-color: #8bb9fe;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;

    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-border-radius: 0.25rem;
    --bs-border-radius-sm: 0.2rem;
    --bs-border-radius-lg: 0.7rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;

    --bs-box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.35);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.35);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(255, 255, 255, 0.075);

    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(110, 168, 254, 0.25);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f;

    --nav-surface: #1f2328;
    --nav-container-bg: var(--bs-tertiary-bg);
    --nav-on-surface: var(--bs-body-color);
    --nav-on-surface-strong: var(--bs-emphasis-color);
    --nav-active-bg: var(--bs-primary-bg-subtle);
    --nav-active-color: var(--bs-emphasis-color);
    --nav-fab-bg: var(--bs-secondary-bg-subtle);
    --nav-fab-hover-bg: var(--bs-secondary-bg);
    --nav-danger-dot: var(--bs-danger);
    --nav-outline: var(--bs-border-color);
    --nav-focus-ring: var(--bs-focus-ring-color);
    --nav-border-color: var(--bs-border-color-translucent);
    --nav-title-color: rgba(var(--bs-white-rgb), 0.92);
    --nav-muted-color: rgba(var(--bs-white-rgb), 0.65);
    --nav-brand-color: var(--bs-link-color);
    --nav-brand-active-color: var(--bs-link-hover-color);
    --nav-hover-state: rgba(255, 255, 255, .08);
    --nav-pressed-state: rgba(255, 255, 255, .12);
    --nav-rail-pressed-state: rgba(255, 255, 255, .12);
    --nav-button-overlay-bg: var(--bs-tertiary-bg);
    --nav-button-disabled-color: rgba(var(--bs-white-rgb), 0.38);
    --nav-button-disabled-bg: rgba(var(--bs-white-rgb), 0.12);
    --nav-button-border-color: var(--bs-border-color-translucent);
    --nav-button-filled-bg: var(--bs-primary);
    --nav-button-filled-color: var(--bs-gray-900);
    --nav-button-ripple-color: var(--bs-gray-900);
}


[data-bs-theme=dark] h6,
[data-bs-theme=dark] .h6,
[data-bs-theme=dark] h5,
[data-bs-theme=dark] .h5,
[data-bs-theme=dark] h4,
[data-bs-theme=dark] .h4,
[data-bs-theme=dark] h3,
[data-bs-theme=dark] .h3,
[data-bs-theme=dark] h2,
[data-bs-theme=dark] .h2,
[data-bs-theme=dark] h1,
[data-bs-theme=dark] .h1 {
    color: var(--bs-heading-color);
}

[data-bs-theme=dark] .modal-content,
[data-bs-theme=dark] .offcanvas,
[data-bs-theme=dark] .popover,
[data-bs-theme=dark] .toast,
[data-bs-theme=dark] .dropdown-menu {
    color: var(--bs-body-color);
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
}

[data-bs-theme=dark] .card-header,
[data-bs-theme=dark] .card-footer,
[data-bs-theme=dark] .modal-header,
[data-bs-theme=dark] .modal-footer,
[data-bs-theme=dark] .offcanvas-header,
[data-bs-theme=dark] .list-group-item,
[data-bs-theme=dark] .accordion-item,
[data-bs-theme=dark] .input-group-text {
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color);
}

[data-bs-theme=dark] .dropdown-item,
[data-bs-theme=dark] .accordion-button {
    color: var(--bs-body-color);
}

[data-bs-theme=dark] .dropdown-item:hover,
[data-bs-theme=dark] .dropdown-item:focus,
[data-bs-theme=dark] .accordion-button:not(.collapsed) {
    color: var(--bs-emphasis-color);
    background-color: var(--bs-tertiary-bg);
}

[data-bs-theme=dark] .dropdown-item.disabled,
[data-bs-theme=dark] .dropdown-item:disabled {
    color: var(--bs-secondary-color);
}

[data-bs-theme=dark] .form-control,
[data-bs-theme=dark] .form-select {
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color);
}

[data-bs-theme=dark] .form-control:focus,
[data-bs-theme=dark] .form-select:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-link-color);
    box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

[data-bs-theme=dark] .form-control::placeholder {
    color: var(--bs-secondary-color);
}

[data-bs-theme=dark] .table {
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

[data-bs-theme=dark] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}