.dark:root {
    --gray-0: #202634;
    --gray-100: #2a313f;
    --gray-200: #3e4555;
    --gray-300: #545968;
    --gray-400: #696e7b;
    --gray-500: #7f838e;
    --gray-600: #9498a1;
    --gray-700: #a9acb3;
    --gray-800: #bfc1c6;
    --gray-900: #d4d6d9;
    --primary-100: #24413D;
    --primary-200: #2E504C;
    --primary-300: #38605A;
    --primary-400: #426F69;
    --primary-500: #4C7E77;
    --primary-600: #6F9993;
    --primary-700: #92B3AF;
    --primary-800: #B6CDCA;
    --primary-900: #DAE6E5;
    --blue-100: #0d1a2f;
    --blue-200: #19335e;
    --blue-300: #264d8c;
    --blue-400: #3266bb;
    --blue-500: #3F80EA;
    --blue-600: #6599ee;
    --blue-700: #8cb3f2;
    --blue-800: #b2ccf7;
    --blue-900: #d9e6fb;
    --indigo-100: #140330;
    --indigo-200: #290661;
    --indigo-300: #3d0a91;
    --indigo-400: #520dc2;
    --indigo-500: #6610f2;
    --indigo-600: #8540f5;
    --indigo-700: #a370f7;
    --indigo-800: #c29ffa;
    --indigo-900: #e0cffc;
    --purple-100: #160d27;
    --purple-200: #2c1a4d;
    --purple-300: #432874;
    --purple-400: #59359a;
    --purple-500: #6f42c1;
    --purple-600: #8c68cd;
    --purple-700: #a98eda;
    --purple-800: #c5b3e6;
    --purple-900: #e2d9f3;
    --pink-100: #2e0c1c;
    --pink-200: #5d1938;
    --pink-300: #8b2554;
    --pink-400: #ba3270;
    --pink-500: #e83e8c;
    --pink-600: #ed65a3;
    --pink-700: #f18bba;
    --pink-800: #f6b2d1;
    --pink-900: #fad8e8;
    --red-100: #2b1110;
    --red-200: #572120;
    --red-300: #82322f;
    --red-400: #ae423f;
    --red-500: #d9534f;
    --red-600: #e17572;
    --red-700: #e89895;
    --red-800: #f0bab9;
    --red-900: #f7dddc;
    --orange-100: #331904;
    --orange-200: #653208;
    --orange-300: #984c0c;
    --orange-400: #ca6510;
    --orange-500: #fd7e14;
    --orange-600: #fd9843;
    --orange-700: #feb272;
    --orange-800: #fecba1;
    --orange-900: #ffe5d0;
    --yellow-100: #291c0b;
    --yellow-200: #523816;
    --yellow-300: #7a5321;
    --yellow-400: #a36f2c;
    --yellow-500: #CC8B37;
    --yellow-600: #d6a25f;
    --yellow-700: #e0b987;
    --yellow-800: #ebd1af;
    --yellow-900: #f5e8d7;
    --green-100: #0f2617;
    --green-200: #1e4c2e;
    --green-300: #2d7345;
    --green-400: #3c995c;
    --green-500: #4BBF73;
    --green-600: #6fcc8f;
    --green-700: #93d9ab;
    --green-800: #b7e5c7;
    --green-900: #dbf2e3;
    --teal-100: #06281e;
    --teal-200: #0d503c;
    --teal-300: #13795b;
    --teal-400: #1aa179;
    --teal-500: #20c997;
    --teal-600: #4dd4ac;
    --teal-700: #79dfc1;
    --teal-800: #a6e9d5;
    --teal-900: #d2f4ea;
    --cyan-100: #061f29;
    --cyan-200: #0c3e53;
    --cyan-300: #135d7c;
    --cyan-400: #197ca6;
    --cyan-500: #1F9BCF;
    --cyan-600: #4cafd9;
    --cyan-700: #79c3e2;
    --cyan-800: #a5d7ec;
    --cyan-900: #d2ebf5;


    --black: #fff;
    --pure-black: #000;
    --white: #161a22;
    --pure-white: #f9f9f9;
    --gray: var(--gray-600);
    --gray-dark: var(--gray-800);


    --primary-rgb: 63, 128, 234;
    --secondary-rgb: 108, 117, 125;
    --success-rgb: 75, 191, 115;
    --info-rgb: 31, 155, 207;
    --warning-rgb: 204, 139, 55;
    --danger-rgb: 217, 83, 79;
    --light-rgb: 42, 49, 63;
    --dark-rgb: 212, 214, 217;
    --white-rgb: 32, 38, 52;
    --black-rgb: 255, 255, 255;
    --body-color-rgb: 191, 193, 198;
    --body-bg-rgb: 42, 49, 63;


    /* --font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
    /* --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; */
    --gradient: linear-gradient(180deg, rgba(var(--white-rgb), 0.15), rgba(var(--white-rgb), 0));
    /* --body-font-family: var(--font-sans-serif); */
    /* --body-font-size: 1rem; */
    /* --body-font-weight: 400; */
    /* --body-line-height: 1.5; */
    --body-color: var(--pure-white);
    --body-bg: var(--primary-100);
    /* --border-width: 1px; */
    /* --border-style: solid; */
    --border-color: var(--gray-200);
    --border-color-translucent: rgba(var(--black-rgb), 0.175);
    /* --border-radius: 0.375rem; */
    /* --border-radius-sm: 0.25rem; */
    /* --border-radius-lg: 0.5rem; */
    /* --border-radius-xl: 1rem; */
    /* --border-radius-xxl: 2rem; */
    /* --border-radius-pill: 50rem; */
    --link-color: var(--primary-700);
    --link-hover-color: var(--primary-500);
    --code-color: var(--pink);
    --highlight-bg: var(--yellow-100);
}

/*** BOOTSTRAP SVGs ***/
.dark .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bfc1c6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.dark .form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}
.dark .form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}
.dark .form-check-input[type="checkbox"]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}
.dark .form-switch .form-check-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255,255,255, 0.25%29'/%3e%3c/svg%3e");
}
.dark .form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}
.dark .form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.dark .was-validated .form-control:valid,
.dark .form-control.is-valid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234BBF73' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}
.dark .was-validated .form-select:valid:not([multiple]):not([size]),
.dark .was-validated .form-select:valid:not([multiple])[size="1"],
.dark .form-select.is-valid:not([multiple]):not([size]),
.dark .form-select.is-valid:not([multiple])[size="1"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bfc1c6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234BBF73' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}
.dark .was-validated .form-control:invalid,
.dark .form-control.is-invalid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d9534f'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d9534f' stroke='none'/%3e%3c/svg%3e");
}
.dark .was-validated .form-select:invalid:not([multiple]):not([size]),
.dark .was-validated .form-select:invalid:not([multiple])[size="1"],
.dark .form-select.is-invalid:not([multiple]):not([size]),
.dark .form-select.is-invalid:not([multiple])[size="1"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bfc1c6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d9534f'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d9534f' stroke='none'/%3e%3c/svg%3e");
}
.dark .navbar {
    --navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.dark .navbar-dark {
    --navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.dark .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}
.dark .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.dark .shadow {
    box-shadow: rgba(var(--black-rgb), 0.02) 0px 24px 32px !important
}


.dark .link-indigo {
    color: var(--indigo-800) !important
}
.dark .link-indigo:hover,
.dark .link-indigo:focus {
    color: var(--indigo-900) !important
}


.dark .modal-backdrop{
    --backdrop-bg: var(--white);
}
.dark .page-item:not(.active) .page-link{
    color: var(--indigo-800) !important
}
/* header */
.dark #header {
    background-color: var(--primary-100);
}
.dark #header::before {
    box-shadow: var(--indigo-200) 0px calc(-1 * var(--inverted-corners-size)) 0px 0px;
}
.dark #header::after {
    box-shadow: var(--indigo-200) 0px calc(var(--inverted-corners-size)) 0px 0px;
}
@media only screen and (max-width: 768px) {
    .dark #header::after {
      box-shadow: var(--indigo-200) 0px calc(-1 * var(--inverted-corners-size)) 0px 0px;
    }
}