:root,
[data-bs-theme=light] {
    --body-bg: #BDB29A;
    --content-body-bg: #ffffff;
    --input-padding-x: 0.75rem;
    --input-padding-y: 0.75rem;
    --cap-color: rgba(118, 145, 165, 0.08);
    --brand-header-bg: #7691A5;
    --brand-header-txt: #ffffff;
    --brand-header-link: rgba(255, 255, 255, 0.9);
    --brand-header-link-active: rgba(255, 255, 255, 0.5);
    --brand-sidebar-bg: #58728D;
    --brand-sidebar-txt: #ffffff;
    --brand-sidebar-link: rgba(255, 255, 255, 0.9);
    --brand-sidebar-link-active: rgba(255, 255, 255, 0.5);
    --topbar-bg: #000000;
    --topbar-txt: #ffffff;
    --topbar-link: rgba(255, 255, 255, 0.9);
    --topbar-link-active: rgba(255, 255, 255, 0.5);
    --footer-bg: #CE7B62;
    --footer-txt: #202020;
    --dd-bg: #fff;
    --dd-txt: #000;
    --dd-bg-hover: #BDB29A;
    --dd-txt-hover: #ffffff;
    --dd-bg-active: #CE7B62;
    --dd-txt-active: #fff;
}

[data-bs-theme=dark] {
    --body-bg: #1a1a1a;
    --content-body-bg: #212529;
    --input-padding-x: 0.75rem;
    --input-padding-y: 0.75rem;
    --cap-color: rgba(118, 145, 165, 0.15);
    --brand-header-bg: #5a7084;
    --brand-header-txt: #ffffff;
    --brand-header-link: rgba(255, 255, 255, 0.9);
    --brand-header-link-active: rgba(255, 255, 255, 0.5);
    --brand-sidebar-bg: #455a6b;
    --brand-sidebar-txt: #ffffff;
    --brand-sidebar-link: rgba(255, 255, 255, 0.9);
    --brand-sidebar-link-active: rgba(255, 255, 255, 0.5);
    --topbar-bg: #000000;
    --topbar-txt: #ffffff;
    --topbar-link: rgba(255, 255, 255, 0.9);
    --topbar-link-active: rgba(255, 255, 255, 0.5);
    --footer-bg: #a85d4a;
    --footer-txt: #ffffff;
    --dd-bg: #636f78;
    --dd-txt: rgba(255, 255, 255);
    --dd-bg-hover: #495057;
    --dd-txt-hover: #ffffff;
    --dd-bg-active: #a85d4a;
    --dd-txt-active: #fff;
}