:root,
[data-bs-theme=light] {
    --bs-blue: #50c070;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000000;
    --bs-white: #ffffff;
    --bs-gray: #e8e2d5;
    /* medium neutral cream */
    --bs-gray-dark: #c1b7a5;
    /* richer, slightly darker cream */
    --bs-gray-100: #faf9f5;
    /* almost pure white, faint cream */
    --bs-gray-200: #f5f3ed;
    /* very light cream */
    --bs-gray-300: #eae6de;
    /* light, warm beige */
    --bs-gray-400: #d5cdbf;
    /* muted cream */
    --bs-gray-500: #c2b9a8;
    /* mid‑tone cream */
    --bs-gray-600: #aea795;
    /* deeper warm gray */
    --bs-gray-700: #9a9584;
    /* richer, earthy cream */
    --bs-gray-800: #857e6e;
    /* darkened, buttery tone */
    --bs-gray-900: #72695a;
    /* deepest cream, almost taupe */
    --bs-light: #fffae8;
    --bs-primary: #68a068;
    --bs-secondary: #E1E3EA;
    --bs-success: #50cd89;
    --bs-info: #7239ea;
    --bs-warning: #ffc700;
    --bs-danger: #f1416c;
    --bs-dark: #181C32;
    --bs-light-rgb: 249, 249, 249;
    --bs-primary-rgb: 104, 160, 104;
    --bs-secondary-rgb: 225, 227, 234;
    --bs-success-rgb: 80, 205, 137;
    --bs-info-rgb: 114, 57, 234;
    --bs-warning-rgb: 255, 199, 0;
    --bs-danger-rgb: 241, 65, 108;
    --bs-dark-rgb: 24, 28, 50;
    --bs-primary-text: #385e25;
    --bs-secondary-text: #7E8299;
    --bs-success-text: #146c43;
    --bs-info-text: #087990;
    --bs-warning-text: #997404;
    --bs-danger-text: #b02a37;
    --bs-light-text: #7E8299;
    --bs-dark-text: #5E6278;
    --bs-primary-bg-subtle: #d1ead8;
    --bs-secondary-bg-subtle: #F9F9F9;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfc;
    --bs-dark-bg-subtle: #B5B5C3;
    --bs-primary-border-subtle: #9ec59e;
    --bs-secondary-border-subtle: #F4F4F4;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #F4F4F4;
    --bs-dark-border-subtle: #A1A5B7;
    --bs-white-rgb: 250, 249, 245;
    /* warm‑cream base (replaces pure white) */
    --bs-black-rgb: 59, 46, 33;
    /* dark wood‑like brown (instead of pure black) */
    --bs-body-color-rgb: 114, 105, 90;
    /* deep cream for body text */
    --bs-body-bg-rgb: 250, 249, 245;
    /* light cream background for the page */
    --bs-font-sans-serif: Inter, Helvetica, "sans-serif";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #181C32;
    --bs-emphasis-color: #000000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(24, 28, 50, 0.75);
    --bs-secondary-color-rgb: 24, 28, 50;
    --bs-secondary-bg: #F4F4F4;
    --bs-secondary-bg-rgb: 244, 244, 244;
    --bs-tertiary-color: rgba(24, 28, 50, 0.5);
    --bs-tertiary-color-rgb: 24, 28, 50;
    --bs-tertiary-bg: #F9F9F9;
    --bs-tertiary-bg-rgb: 249, 249, 249;
    --bs-body-bg: #f5f2e7;
    /* very light warm‑cream */
    --bs-body-bg-rgb: 250, 249, 245;
    --bs-heading-color: #181C32;
    --bs-link-color: #42b663;
    --bs-link-color-rgb: rgb(66, 182, 99);
    --bs-link-decoration: none;
    --bs-link-hover-color: #3b8e53;
    --bs-link-hover-color-rgb: 59, 142, 83;
    --bs-link-hover-decoration: none;
    --bs-code-color: #b93993;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #F4F4F4;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.475rem;
    --bs-border-radius-sm: 0.425rem;
    --bs-border-radius-lg: 0.625rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-emphasis-color: #000000;
    --bs-form-control-bg: var(--bs-body-bg);
    --bs-form-control-disabled-bg: var(--bs-secondary-bg);
    --bs-highlight-bg: #fff3cd;
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
}

[data-bs-theme=dark] {

    --bs-body-bg: #373433;
    --bs-body-bg-rgb: 55, 52, 51;
    --bs-body-color: #E8E2D5;
    --bs-body-color-rgb: 232, 226, 213;
    --bs-emphasis-color: #E8E2D5;
    --bs-emphasis-color-rgb: 232, 226, 213;
    --bs-secondary-bg: #453F38;
    --bs-secondary-bg-rgb: 69, 63, 56;
    --bs-tertiary-bg: #4A3A2A;
    --bs-tertiary-bg-rgb: 74, 58, 42;

    --bs-emphasis-color: #ffffff;
    --bs-primary-text: #6ee46e;
    --bs-secondary-text: #E1E3EA;
    --bs-success-text: #75b798;
    --bs-info-text: #6edff6;
    --bs-warning-text: #ffda6a;
    --bs-danger-text: #ea868f;
    --bs-light-text: #F9F9F9;
    --bs-dark-text: #E1E3EA;
    --bs-primary-bg-subtle: #1a2e1a;
    --bs-secondary-bg-subtle: #181C32;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #1c2e1c;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #3F4254;
    --bs-dark-bg-subtle: #201d1c;
    --bs-primary-border-subtle: #68a068;
    --bs-secondary-border-subtle: #5c5450;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #055160;
    --bs-warning-border-subtle: #664d03;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #5c5450;
    --bs-dark-border-subtle: #3a3530;
    --bs-heading-color: #FFFFFF;
    --bs-link-color: #68a068;
    --bs-link-hover-color: #a3e8a3;
    --bs-link-color-rgb: rgb(104, 160, 104);
    --bs-link-hover-color-rgb: rgb(163, 232, 163);
    --bs-code-color: #b93993;
    --bs-border-color: #373433;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
}

[data-bs-theme=light] {
    --bs-text-muted: #A1A5B7;
    --bs-gray-100: #eae6de;
    --bs-gray-100-rgb: 249, 249, 249;
    --bs-gray-200: #F4F4F4;
    --bs-gray-200-rgb: 244, 244, 244;
    --bs-gray-300: #E1E3EA;
    --bs-gray-300-rgb: 225, 227, 234;
    --bs-gray-400: #B5B5C3;
    --bs-gray-400-rgb: 181, 181, 195;
    --bs-gray-500: #A1A5B7;
    --bs-gray-500-rgb: 161, 165, 183;
    --bs-gray-600: #7E8299;
    --bs-gray-600-rgb: 126, 130, 153;
    --bs-gray-700: #5E6278;
    --bs-gray-700-rgb: 94, 98, 120;
    --bs-gray-800: #3F4254;
    --bs-gray-800-rgb: 63, 66, 84;
    --bs-gray-900: #181C32;
    --bs-gray-900-rgb: 24, 28, 50;
    --bs-light: #F9F9F9;
    --bs-primary: #50c070;
    --bs-secondary: #E1E3EA;
    --bs-success: #50cd89;
    --bs-info: #7239ea;
    --bs-warning: #ffc700;
    --bs-danger: #f1416c;
    --bs-dark: #181C32;
    --bs-primary-active: #3b8e53;
    --bs-secondary-active: #B5B5C3;
    --bs-light-active: #F4F4F4;
    --bs-success-active: #47be7d;
    --bs-info-active: #5014d0;
    --bs-warning-active: #f1bc00;
    --bs-danger-active: #d9214e;
    --bs-dark-active: #131628;
    --bs-primary-light: #b0e3bf;
    --bs-secondary-light: #F9F9F9;
    --bs-success-light: #e8fff3;
    --bs-info-light: #f8f5ff;
    --bs-warning-light: #fff8dd;
    --bs-danger-light: #fff5f8;
    --bs-dark-light: #F4F4F4;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #3F4254;
    --bs-light-inverse: #7E8299;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-light-rgb: 249, 249, 249;
    --bs-primary-rgb: 104, 160, 104;
    --bs-secondary-rgb: 225, 227, 234;
    --bs-success-rgb: 80, 205, 137;
    --bs-info-rgb: 114, 57, 234;
    --bs-warning-rgb: 255, 199, 0;
    --bs-danger-rgb: 241, 65, 108;
    --bs-dark-rgb: 24, 28, 50;
    --bs-text-white: #ffffff;
    --bs-text-primary: #385e25;
    --bs-text-secondary: #E1E3EA;
    --bs-text-light: #F9F9F9;
    --bs-text-success: #50cd89;
    --bs-text-info: #7239ea;
    --bs-text-warning: #ffc700;
    --bs-text-danger: #f1416c;
    --bs-text-dark: #39342e;
    --bs-text-muted: #A1A5B7;
    --bs-text-gray-100: #F9F9F9;
    --bs-text-gray-200: #F4F4F4;
    --bs-text-gray-300: #E1E3EA;
    --bs-text-gray-400: #B5B5C3;
    --bs-text-gray-500: #A1A5B7;
    --bs-text-gray-600: #7E8299;
    --bs-text-gray-700: #5E6278;
    --bs-text-gray-800: #3F4254;
    --bs-text-gray-900: #181C32;
    --bs-border-color: #F4F4F4;
    --bs-border-dashed-color: #E1E3EA;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #3b8e53;
    --bs-component-hover-color: #3b8e53;
    --bs-component-hover-bg: #F9F9F9;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #3b8e53;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-table-striped-bg: rgba(var(--bs-gray-100-rgb), 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-code-bg: #F1F3F8;
    --bs-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --bs-code-color: #b93993;
    --bs-symbol-label-color: var(--bs-gray-800);
    --bs-symbol-label-bg: var(--bs-gray-100);
    --bs-symbol-border-color: rgba(var(--bs-body-bg), 0.5);
    --bs-bullet-bg-color: var(--bs-gray-400);
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: var(--bs-box-shadow);
    --bs-scrolltop-bg-color: var(--bs-primary);
    --bs-scrolltop-bg-color-hover: var(--bs-primary);
    --bs-scrolltop-icon-color: var(--bs-primary-inverse);
    --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse);
    --bs-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    --bs-drawer-bg-color: #ffffff;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
    --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-menu-dropdown-bg-color: var(--bs-body-bg);
    --bs-menu-heading-color: #A1A5B7;
    --bs-menu-link-color-hover: #3b8e53;
    --bs-menu-link-color-show: #3b8e53;
    --bs-menu-link-color-here: #3b8e53;
    --bs-menu-link-color-active: #3b8e53;
    /* Cream‑themed menu and scrollbar colors */
    --bs-menu-link-bg-color-hover: #faf9f5;
    /* light warm cream */
    --bs-menu-link-bg-color-show: #faf9f5;
    /* light warm cream */
    --bs-menu-link-bg-color-here: #faf9f5;
    /* light warm cream */
    --bs-menu-link-bg-color-active: #eae6de;
    /* slightly deeper cream for the active state */

    --bs-scrollbar-color: #f5f3ed;
    /* very light cream track */
    --bs-scrollbar-hover-color: #eae6de;
    /* a touch darker on hover */
    --bs-scrollbar-size: 5px;
    --bs-scrollbar-overlay-size: 19px;
    --bs-scrollbar-overlay-space: 7px;
    --bs-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-rating-color-default: #B5B5C3;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(24, 28, 50, 0.1);
    --bs-ribbon-label-bg: #3b8e53;
    --bs-ribbon-label-border-color: #3b8e53;
    --bs-ribbon-clip-bg: #181C32;
    --bs-engage-btn-bg: #ffffff;
    --bs-engage-btn-box-shadow: 0px 0px 22px #E0E0E0;
    --bs-engage-btn-border-color: #E8E8E8;
    --bs-engage-btn-color: #3F4254;
    --bs-engage-btn-icon-color: #7E8299;
    --bs-engage-btn-color-active: #3F4254;
    --wave-color: #f7f5ed;
}

[data-bs-theme=dark] {
    --bs-text-muted: #6c6660;
    --bs-gray-100: #3a3d38;
    --bs-gray-100-rgb: 27, 27, 41;
    --bs-gray-200: #2b2625;
    --bs-gray-200-rgb: 43, 43, 64;
    --bs-gray-300: #566955;
    --bs-gray-300-rgb: 104, 160, 104;
    --bs-gray-400: #68a068;
    --bs-gray-400-rgb: 71, 71, 97;
    --bs-gray-500: #435248;
    --bs-gray-500-rgb: 86, 86, 116;
    --bs-gray-600: #6D6D80;
    --bs-gray-600-rgb: 109, 109, 128;
    --bs-gray-700: #92929F;
    --bs-gray-700-rgb: 146, 146, 159;
    --bs-gray-800: #CDCDDE;
    --bs-gray-800-rgb: 205, 205, 222;
    --bs-gray-900: #FFFFFF;
    --bs-gray-900-rgb: 255, 255, 255;
    --bs-white: #ffffff;
    --bs-light: #2b2625;
    --bs-primary: #68a068;
    --bs-success: #50cd89;
    --bs-info: #7239ea;
    --bs-warning: #ffc700;
    --bs-danger: #f1416c;
    --bs-dark: #FFFFFF;
    --bs-secondary: #4c4745;
    --bs-primary-active: #6ee46e;
    --bs-secondary-active: #544e47;
    --bs-light-active: #2e2a27;
    --bs-success-active: #47be7d;
    --bs-info-active: #5014d0;
    --bs-warning-active: #f1bc00;
    --bs-danger-active: #d9214e;
    --bs-dark-active: white;
    --bs-primary-light: #474c45;
    --bs-success-light: #1c3238;
    --bs-info-light: #2f264f;
    --bs-warning-light: #392f28;
    --bs-danger-light: #3a2434;
    --bs-dark-light: #2b2625;
    --bs-secondary-light: #1a1815;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #92929F;
    --bs-light-inverse: #7a7068;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #1a1815;
    --bs-white-rgb: 255, 255, 255;
    --bs-light-rgb: 43, 43, 64;
    --bs-primary-rgb: 104, 160, 104;
    --bs-success-rgb: 80, 205, 137;
    --bs-info-rgb: 114, 57, 234;
    --bs-warning-rgb: 255, 199, 0;
    --bs-danger-rgb: 241, 65, 108;
    --bs-dark-rgb: 255, 255, 255;
    --bs-secondary-rgb: 50, 50, 72;
    --bs-text-white: #ffffff;
    --bs-text-primary: #63a343;
    --bs-text-secondary: #2e2a27;
    --bs-text-light: #2b2625;
    --bs-text-success: #50cd89;
    --bs-text-info: #7239ea;
    --bs-text-warning: #ffc700;
    --bs-text-danger: #f1416c;
    --bs-text-dark: #FFFFFF;
    --bs-text-muted: #6c6660;
    --bs-text-gray-100: #6c6660;
    --bs-text-gray-200: #6c6660;
    --bs-text-gray-300: #6c6660;
    --bs-text-gray-400: #6c6660;
    --bs-text-gray-500: #6c6660;
    --bs-text-gray-600: #6c6660;
    --bs-text-gray-700: #6c6660;
    --bs-text-gray-800: #6c6660;
    --bs-text-gray-900: #6c6660;
    --bs-border-color: #373433;
    --bs-border-dashed-color: #2e2a27;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #6ee46e;
    --bs-component-hover-color: #68a068;
    --bs-component-hover-bg: #1a1815;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #68a068;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-card-box-shadow:;
    --bs-table-striped-bg: rgba(27, 27, 41, 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-dropdown-bg: #1e1a19;
    --bs-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-code-bg: #2b2625;
    --bs-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --bs-code-color: #b93993;
    --bs-symbol-label-color: #CDCDDE;
    --bs-symbol-label-bg: #1a1815;
    --bs-symbol-border-color: rgba(255, 255, 255, 0.5);
    --bs-bullet-bg-color: #47403c;
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-scrolltop-bg-color: #68a068;
    --bs-scrolltop-bg-color-hover: #68a068;
    --bs-scrolltop-icon-color: #ffffff;
    --bs-scrolltop-icon-color-hover: #ffffff;
    --bs-drawer-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    --bs-drawer-bg-color: #2d2a29;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.4);
    --bs-menu-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-menu-dropdown-bg-color: #2d2a29;
    --bs-menu-heading-color: #5c5450;
    --bs-menu-link-color-hover: #68a068;
    /* forest green */
    --bs-menu-link-color-show: #74c874;
    --bs-menu-link-color-here: #74c874;
    --bs-menu-link-color-active: #6ee46e;
    --bs-menu-link-bg-color-hover: #373433;
    /* darker forest green */
    --bs-menu-link-bg-color-show: #474241;
    --bs-menu-link-bg-color-here: #474241;
    --bs-menu-link-bg-color-active: #665e5c;
    --bs-scrollbar-color: #373433;
    --bs-scrollbar-hover-color: #2d2a29;
    --bs-overlay-bg: rgba(255, 255, 255, 0.05);
    --bs-blockui-overlay-bg: rgba(255, 255, 255, 0.05);
    --bs-rating-color-default: #47403c;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(255, 255, 255, 0.1);
    --bs-ribbon-label-bg: #68a068;
    --bs-ribbon-label-border-color: #6ee46e;
    --bs-ribbon-clip-bg: #F9F9F9;
    --bs-engage-btn-bg: #2b2625;
    --bs-engage-btn-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-engage-btn-border-color: #2b2625;
    --bs-engage-btn-color: #CDCDDE;
    --bs-engage-btn-icon-color: #6D6D80;
    --bs-engage-btn-color-active: #CDCDDE;
    --wave-color: #484543;
}

[data-bs-theme=light] {
    --bs-app-bg-color: #f5f1e9;
    --bs-app-blank-bg-color: #f5f3ed;
    --bs-app-header-base-bg-color: #eae6de;
    --bs-app-toolbar-base-bg-color: #f5f3ed;
    --bs-app-footer-bg-color: #f5f3ed;

    --bs-app-header-base-box-shadow: 0px 10px 30px 0px rgba(59, 46, 33, 0.05);
    --bs-app-toolbar-base-box-shadow: 0px 10px 30px 0px rgba(59, 46, 33, 0.05);
    --bs-app-footer-box-shadow: 0px 10px 30px 0px rgba(59, 46, 33, 0.05);

    --bs-app-toolbar-base-border-top: 1px solid #eae6de;
}

[data-bs-theme=dark] {
    --bs-app-bg-color: #282222;
    --bs-app-blank-bg-color: #151210;
    --bs-app-header-base-bg-color: #2d2a29;
    --bs-app-header-base-box-shadow: none;
    --bs-app-toolbar-base-bg-color: #1a1a27;
    --bs-app-toolbar-base-box-shadow: none;
    --bs-app-toolbar-base-border-top: 0;
    --bs-app-footer-bg-color: #1e1a19;
    --bs-app-footer-box-shadow: none;
}

[data-bs-theme=light] {
    --bs-app-header-base-menu-link-bg-color-active: #faf9f5;
    --bs-app-header-light-separator-color: #eae6de;
    --bs-app-sidebar-base-toggle-btn-box-shadow: 0px 0px 10px rgba(59, 46, 33, 0.1);
    --bs-app-sidebar-base-toggle-btn-bg-color: #faf9f5;
    --bs-app-sidebar-light-bg-color: #faf9f5;
    --bs-app-sidebar-light-box-shadow: 0 0 28px 0 rgba(59, 46, 33, 0.05);
    --bs-app-sidebar-light-separator-color: #eae6de;
    --bs-app-sidebar-light-scrollbar-color: #f5f3ed;
    --bs-app-sidebar-light-scrollbar-color-hover: #eae6de;
    --bs-app-sidebar-light-menu-heading-color: #c2b9a8;
    --bs-app-sidebar-light-menu-link-bg-color-active: #eae6de;
    --bs-app-sidebar-light-header-menu-link-bg-color-active: #d5cdbf;
}

[data-bs-theme=dark] {
    --bs-app-header-base-menu-link-bg-color-active: #373433;
    --bs-app-header-light-separator-color: #2b2625;
    --bs-app-sidebar-base-toggle-btn-box-shadow: none;
    --bs-app-sidebar-base-toggle-btn-bg-color: #2b2625;
    --bs-app-sidebar-light-bg-color: #2b2625;
    --bs-app-sidebar-light-box-shadow: none;
    --bs-app-sidebar-light-separator-color: #2d2a29;
    --bs-app-sidebar-light-scrollbar-color: #5c5754;
    --bs-app-sidebar-light-scrollbar-color-hover: #5c5754;
    --bs-app-sidebar-light-menu-heading-color: #948880;
    --bs-app-sidebar-light-menu-link-bg-color-active: #373433;
    --bs-app-sidebar-light-header-menu-link-bg-color-active: #373433;
}

.form-check-input:checked {
    background-color: #68a068;
    border-color: #68a068;
}

app-sidebar-menu {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.card {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.home {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    gap: 10px; /* Space between icon and text */
}

.home i {
    color: var(--bs-link-color) !important;
    font-size: 1.5rem !important;
    transition: all 0.5s ease-in-out;
}

.home .hover-text {
    font-family: 'Fredoka', 'Comic Neue', cursive;
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    color: var(--bs-link-hover-color);
    font-weight: 500;
    opacity: 0;
    transition: max-width 0.5s ease-in-out, opacity 0.3s ease-in-out;
}
.home:hover .hover-text {
    max-width: 200px;
    opacity: 1;
    /* Add a little tilt for extra silliness */
    transform: rotate(-5deg) scale(1.1);
}
/* Hover States */
.home:hover i {
    color: var(--bs-link-hover-color) !important;
    font-size: 1.8rem !important;
}

.home:hover .hover-text {
    max-width: 150px; /* Give it enough room to slide out */
    opacity: 1;
}

.btn.btn-primary {
    color: #373433
}
    .btn.btn-primary i, .btn.btn-primary .svg-icon {
        color: #373433
    }

.btn.btn-light-primary {
    color: var(--bs-primary);
}
.form-check-label {
    color: #68a068;

}
html, body {
        font-size: 15px !important;
    }

#backToOverview.btn.btn-light {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}
#backToOverview.btn.btn-light:hover {
    background-color: var(--bs-primary-light);
    color: var(--bs-primary);
}