/* Remove button-like appearance from landing menu links */
.landing-header .menu .menu-link,
.landing-header .menu .menu-link:active,
.landing-header .menu .menu-link:focus,
.landing-header .menu .menu-link.active {
    background: none !important;
}

.btn-outline-primary {
    --bs-btn-color: #2a6ef0;
    --bs-btn-border-color: #2a6ef0;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #2a6ef0;
    --bs-btn-hover-border-color: #2a6ef0;
    --bs-btn-focus-shadow-rgb: 23, 198, 83;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #2a6ef0;
    --bs-btn-active-border-color: #2a6ef0;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #2a6ef0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2a6ef0;
    --bs-gradient: none
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #ffffff;
    --bs-nav-pills-link-active-bg: #2a6ef0
}

[data-bs-theme=custom] {
    --bs-app-bg-color: #FBF6F0;
    --bs-app-blank-bg-color: #ffffff;
    --bs-app-header-sticky-bg-color: #ffffff;
    --bs-app-header-primary-base-bg-color: #2a6ef0;
    --bs-app-header-secondary-base-bg-color: #ffffff;
    --bs-app-header-secondary-sticky-bg-color: #ffffff;
    --bs-app-header-secondary-sticky-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05)
}

[data-bs-theme=custom] {
    --bs-text-muted: #99A1B7;
    --bs-gray-100: #F9F9F9;
    --bs-gray-100-rgb: 249, 249, 249;
    --bs-gray-200: #F1F1F4;
    --bs-gray-200-rgb: 241, 241, 244;
    --bs-gray-300: #DBDFE9;
    --bs-gray-300-rgb: 219, 223, 233;
    --bs-gray-400: #C4CADA;
    --bs-gray-400-rgb: 196, 202, 218;
    --bs-gray-500: #99A1B7;
    --bs-gray-500-rgb: 153, 161, 183;
    --bs-gray-600: #78829D;
    --bs-gray-600-rgb: 120, 130, 157;
    --bs-gray-700: #4B5675;
    --bs-gray-700-rgb: 75, 86, 117;
    --bs-gray-800: #252F4A;
    --bs-gray-800-rgb: 37, 47, 74;
    --bs-gray-900: #071437;
    --bs-gray-900-rgb: 7, 20, 55;
    --bs-custom: #F9F9F9;
    --bs-primary: #2a6ef0;
    --bs-secondary: #F1F1F4;
    --bs-success: #1B84FF;
    --bs-info: #7239EA;
    --bs-warning: #F6C000;
    --bs-danger: #F8285A;
    --bs-dark: #1E2129;
    --bs-primary-active: #04B440;
    --bs-secondary-active: #C4CADA;
    --bs-custom-active: #F1F1F4;
    --bs-success-active: #056EE9;
    --bs-info-active: #5014D0;
    --bs-warning-active: #DEAD00;
    --bs-danger-active: #D81A48;
    --bs-dark-active: #111318;
    --bs-primary-custom: #DFFFEA;
    --bs-secondary-custom: #F9F9F9;
    --bs-success-custom: #E9F3FF;
    --bs-info-custom: #F8F5FF;
    --bs-warning-custom: #FFF8DD;
    --bs-danger-custom: #FFEEF3;
    --bs-dark-custom: #F9F9F9;
    --bs-custom-custom: #ffffff;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #252F4A;
    --bs-custom-inverse: #252F4A;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-primary-clarity: rgba(23, 198, 83, 0.2);
    --bs-secondary-clarity: rgba(249, 249, 249, 0.2);
    --bs-success-clarity: rgba(27, 132, 255, 0.2);
    --bs-info-clarity: rgba(114, 57, 234, 0.2);
    --bs-warning-clarity: rgba(246, 192, 0, 0.2);
    --bs-danger-clarity: rgba(248, 40, 90, 0.2);
    --bs-dark-clarity: rgba(30, 33, 41, 0.2);
    --bs-custom-clarity: rgba(255, 255, 255, 0.2);
    --bs-custom-rgb: 249, 249, 249;
    --bs-primary-rgb: 23, 198, 83;
    --bs-secondary-rgb: 241, 241, 244;
    --bs-success-rgb: 27, 132, 255;
    --bs-info-rgb: 114, 57, 234;
    --bs-warning-rgb: 246, 192, 0;
    --bs-danger-rgb: 248, 40, 90;
    --bs-dark-rgb: 30, 33, 41;
    --bs-text-white: #ffffff;
    --bs-text-primary: #2a6ef0;
    --bs-text-secondary: #F1F1F4;
    --bs-text-custom: #F9F9F9;
    --bs-text-success: #1B84FF;
    --bs-text-info: #7239EA;
    --bs-text-warning: #F6C000;
    --bs-text-danger: #F8285A;
    --bs-text-dark: #1E2129;
    --bs-text-muted: #99A1B7;
    --bs-text-gray-100: #F9F9F9;
    --bs-text-gray-200: #F1F1F4;
    --bs-text-gray-300: #DBDFE9;
    --bs-text-gray-400: #C4CADA;
    --bs-text-gray-500: #99A1B7;
    --bs-text-gray-600: #78829D;
    --bs-text-gray-700: #4B5675;
    --bs-text-gray-800: #252F4A;
    --bs-text-gray-900: #071437;
    --bs-border-color: #F1F1F4;
    --bs-border-dashed-color: #DBDFE9;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #2a6ef0;
    --bs-component-hover-color: #2a6ef0;
    --bs-component-hover-bg: #F9F9F9;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #2a6ef0;
    --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-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --bs-root-card-border-color: #F1F1F4;
    --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-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --bs-code-border-color: transparent;
    --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: #99A1B7;
    --bs-menu-link-color-hover: #2a6ef0;
    --bs-menu-link-color-show: #2a6ef0;
    --bs-menu-link-color-here: #2a6ef0;
    --bs-menu-link-color-active: #2a6ef0;
    --bs-menu-link-bg-color-hover: #F9F9F9;
    --bs-menu-link-bg-color-show: #F9F9F9;
    --bs-menu-link-bg-color-here: #F9F9F9;
    --bs-menu-link-bg-color-active: #F9F9F9;
    --bs-scrollbar-color: #F1F1F4;
    --bs-scrollbar-hover-color: #DBDFE9;
    --bs-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-rating-color-default: #C4CADA;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(30, 33, 41, 0.1);
    --bs-ribbon-label-bg: #2a6ef0;
    --bs-ribbon-label-border-color: #0c6b2d;
    --bs-ribbon-clip-bg: #1E2129;
    --bs-engage-btn-bg: #ffffff;
    --bs-engage-btn-box-shadow: 0px 0px 22px #E0E0E0;
    --bs-engage-btn-border-color: #E8E8E8;
    --bs-engage-btn-color: #252F4A;
    --bs-engage-btn-icon-color: #78829D;
    --bs-engage-btn-color-active: #252F4A
}

.separator.separator-content.border-primary::after,
.separator.separator-content.border-primary::before {
    border-color: #2a6ef0 !important
}

.form-check.form-check-solid .form-check-input[type=checkbox]:indeterminate {
    background-color: #2a6ef0
}

[data-kt-sticky-landing-header=on] .landing-header .menu .menu-link.active {
    color: #2a6ef0;
    background-color: rgba(239, 242, 245, .4)
}

.landing-header .menu .menu-link.active {
        color: #2a6ef0;
        background-color: rgba(239, 242, 245, .4)
    }

    [data-bs-theme=custom] {
    --bs-app-bg-color: #FBF6F0;
    --bs-app-blank-bg-color: #ffffff;
    --bs-app-header-sticky-bg-color: #ffffff;
    --bs-app-header-primary-base-bg-color: #2a6ef0;
    --bs-app-header-secondary-base-bg-color: #ffffff;
    --bs-app-header-secondary-sticky-bg-color: #ffffff;
    --bs-app-header-secondary-sticky-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05)
}

:root,
[data-bs-theme=custom] {
    --bs-blue: #1E90FF;            /* DodgerBlue */
    --bs-indigo: #4B0082;          /* Deep Indigo Accent */
    --bs-purple: #6A5ACD;          /* SlateBlue */
    --bs-pink: #FF69B4;            /* For accents */
    --bs-red: #FF4C4C;             /* Warning/Error */
    --bs-orange: #FFA500;          /* Secondary highlights */
    --bs-yellow: #FFD700;          /* Subtle highlights */
    --bs-green: #32CD32;           /* Subtle green accent */
    --bs-teal: #20B2AA;            /* Ocean teal */
    --bs-cyan: #00CED1;            /* Aqua tone */
    --bs-black: #000000;
    --bs-white: #ffffff;
    --bs-gray: #A0B0C0;
    --bs-gray-dark: #2C3E50;
    --bs-gray-100: #F0F8FF;
    --bs-gray-200: #E0F0FF;
    --bs-gray-300: #C0E0FF;
    --bs-gray-400: #A0C8E0;
    --bs-gray-500: #809ABF;
    --bs-gray-600: #607090;
    --bs-gray-700: #405070;
    --bs-gray-800: #203050;
    --bs-gray-900: #102040;

    --bs-light: #F0F8FF;
    --bs-primary: #1E90FF;          /* Main ocean blue */
    --bs-secondary: #E0F7FF;        /* Soft light blue background */
    --bs-success: #00CED1;          /* Aqua-teal success */
    --bs-info: #20B2AA;             /* Ocean info */
    --bs-warning: #FFD700;          /* Sunlight accent */
    --bs-danger: #FF4C4C;           /* Error alert */
    --bs-dark: #203050;             /* Deep sea background */

    --bs-primary-rgb: 30, 144, 255;
    --bs-secondary-rgb: 224, 247, 255;
    --bs-success-rgb: 0, 206, 209;
    --bs-info-rgb: 32, 178, 170;
    --bs-warning-rgb: 255, 215, 0;
    --bs-danger-rgb: 255, 76, 76;
    --bs-dark-rgb: 32, 48, 80;

    --bs-primary-text-emphasis: #0B3D91;
    --bs-secondary-text-emphasis: #204060;
    --bs-success-text-emphasis: #006666;
    --bs-info-text-emphasis: #005555;
    --bs-warning-text-emphasis: #806600;
    --bs-danger-text-emphasis: #990000;
    --bs-light-text-emphasis: #203050;
    --bs-dark-text-emphasis: #F0F8FF;

    --bs-primary-bg-subtle: #D0E8FF;
    --bs-secondary-bg-subtle: #F0F8FF;
    --bs-success-bg-subtle: #B0FFFF;
    --bs-info-bg-subtle: #A0EEE0;
    --bs-warning-bg-subtle: #FFF8D0;
    --bs-danger-bg-subtle: #FFD0D0;
    --bs-light-bg-subtle: #F0F8FF;
    --bs-dark-bg-subtle: #102040;

    --bs-primary-border-subtle: #80CFFF;
    --bs-secondary-border-subtle: #C0E0FF;
    --bs-success-border-subtle: #00BFCF;
    --bs-info-border-subtle: #20A090;
    --bs-warning-border-subtle: #FFEA80;
    --bs-danger-border-subtle: #FF8080;
    --bs-light-border-subtle: #C0E0FF;
    --bs-dark-border-subtle: #203050;

    --bs-link-color: #1E90FF;
    --bs-link-color-rgb: 30, 144, 255;
    --bs-link-hover-color: #104E8B;
    --bs-link-hover-color-rgb: 16, 78, 139;

    --bs-highlight-color: #FFFFFF;
    --bs-highlight-bg: #1E90FF;
}

.table-primary {
    --bs-table-color: #ffffff;
    --bs-table-bg: #1E90FF;          /* Ocean blue */
    --bs-table-border-color: #187bdb;
    --bs-table-striped-bg: #1c86ee;
    --bs-table-striped-color: #ffffff;
    --bs-table-active-bg: #187bdb;
    --bs-table-active-color: #ffffff;
    --bs-table-hover-bg: #1a75d6;
    --bs-table-hover-color: #ffffff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000000;
    --bs-table-bg: #E0F7FF;          /* Light water */
    --bs-table-border-color: #b3e5ff;
    --bs-table-striped-bg: #c0f0ff;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: #b3e5ff;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #a0e8ff;
    --bs-table-hover-color: #000000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #ffffff;
    --bs-table-bg: #20B2AA;          /* Aqua-teal success */
    --bs-table-border-color: #1a9d94;
    --bs-table-striped-bg: #1ca698;
    --bs-table-striped-color: #ffffff;
    --bs-table-active-bg: #1a9d94;
    --bs-table-active-color: #ffffff;
    --bs-table-hover-bg: #189287;
    --bs-table-hover-color: #ffffff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #ffffff;
    --bs-table-bg: #00CED1;          /* Aqua info */
    --bs-table-border-color: #00b3b3;
    --bs-table-striped-bg: #00bfbf;
    --bs-table-striped-color: #ffffff;
    --bs-table-active-bg: #00b3b3;
    --bs-table-active-color: #ffffff;
    --bs-table-hover-bg: #00a3a3;
    --bs-table-hover-color: #ffffff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000000;
    --bs-table-bg: #FFD700;          /* Sunlight accent */
    --bs-table-border-color: #e6c200;
    --bs-table-striped-bg: #ffe033;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: #e6c200;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #ffdf33;
    --bs-table-hover-color: #000000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #ffffff;
    --bs-table-bg: #FF4C4C;          /* Red alert */
    --bs-table-border-color: #e04343;
    --bs-table-striped-bg: #f44c4c;
    --bs-table-striped-color: #ffffff;
    --bs-table-active-bg: #e04343;
    --bs-table-active-color: #ffffff;
    --bs-table-hover-bg: #d93f3f;
    --bs-table-hover-color: #ffffff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000000;
    --bs-table-bg: #F0F8FF;          /* Soft water */
    --bs-table-border-color: #d0e8ff;
    --bs-table-striped-bg: #e0f4ff;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: #d0e8ff;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #c0f0ff;
    --bs-table-hover-color: #000000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #ffffff;
    --bs-table-bg: #203050;          /* Deep ocean navy */
    --bs-table-border-color: #182a45;
    --bs-table-striped-bg: #1b3458;
    --bs-table-striped-color: #ffffff;
    --bs-table-active-bg: #182a45;
    --bs-table-active-color: #ffffff;
    --bs-table-hover-bg: #162740;
    --bs-table-hover-color: #ffffff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

/* Focused input fields */
.form-control:focus {
    color: var(--bs-gray-700);
    background-color: var(--bs-body-bg);
    border-color: #1E90FF; /* Ocean blue focus */
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(30, 144, 255, .25);
}

/* Checked checkboxes and radio buttons */
.form-check-input:checked {
    background-color: #20B2AA; /* Aqua-teal */
    border-color: #20B2AA;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #20B2AA;
    border-color: #20B2AA;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

/* Range slider thumb focus */
.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(30, 144, 255, .25);
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(30, 144, 255, .25);
}

/* Range slider thumb normal state */
.form-range::-webkit-slider-thumb,
.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    appearance: none;
    background-color: #20B2AA; /* Aqua-teal */
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* Active range slider thumb */
.form-range::-webkit-slider-thumb:active,
.form-range::-moz-range-thumb:active {
    background-color: #7fe0d4; /* lighter aqua */
}

/* Range slider track */
.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #c0f0ff; /* light water */
    border-color: transparent;
    border-radius: .475rem;
    box-shadow: inset 0 0 .1rem rgba(0,0,0,.05);
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    background-color: #c0f0ff;
    border-radius: .475rem;
    box-shadow: inset 0 0 .1rem rgba(0,0,0,.05);
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        transition: none;
    }
}

/* Disabled floating labels */
.form-floating>.form-control:disabled~label,
.form-floating>:disabled~label {
    color: #78829d; /* muted slate */
}

/* LIGHT BUTTONS */
.btn-light {
    --bs-btn-color: #000000;
    --bs-btn-bg: #F0FAFF; /* very soft ocean tint */
    --bs-btn-border-color: #F0FAFF;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #D1F4FF;
    --bs-btn-hover-border-color: #BEE8FF;
    --bs-btn-focus-shadow-rgb: 173, 232, 255;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #BEE8FF;
    --bs-btn-active-border-color: #A6DBFF;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #F0FAFF;
    --bs-btn-disabled-border-color: #F0FAFF;
}

/* PRIMARY BUTTON */
.btn-primary {
    --bs-btn-color: #000000;
    --bs-btn-bg: #20B2AA; /* soft teal */
    --bs-btn-border-color: #20B2AA;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #3ACFC3;
    --bs-btn-hover-border-color: #2DBFB8;
    --bs-btn-focus-shadow-rgb: 32, 178, 170;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #3ACFC3;
    --bs-btn-active-border-color: #2DBFB8;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #20B2AA;
    --bs-btn-disabled-border-color: #20B2AA;
}

/* SUCCESS BUTTON (used as soft ocean blue) */
.btn-success {
    --bs-btn-color: #000000;
    --bs-btn-bg: #1B84FF;
    --bs-btn-border-color: #1B84FF;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #3D96FF;
    --bs-btn-hover-border-color: #3290FF;
    --bs-btn-focus-shadow-rgb: 27, 132, 255;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #499DFF;
    --bs-btn-active-border-color: #3290FF;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #1B84FF;
    --bs-btn-disabled-border-color: #1B84FF;
}

/* INFO BUTTON (purple-ish ocean) */
.btn-info {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #8B70E2; /* soft ocean purple */
    --bs-btn-border-color: #8B70E2;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #7A5ED1;
    --bs-btn-hover-border-color: #6E53C5;
    --bs-btn-focus-shadow-rgb: 139, 112, 226;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #6E53C5;
    --bs-btn-active-border-color: #644AB3;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #8B70E2;
    --bs-btn-disabled-border-color: #8B70E2;
}

/* WARNING BUTTON (soft sand tone) */
.btn-warning {
    --bs-btn-color: #000000;
    --bs-btn-bg: #FDEAC5; /* soft, sandy yellow */
    --bs-btn-border-color: #FDEAC5;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #FCE1A8;
    --bs-btn-hover-border-color: #FBD89D;
    --bs-btn-focus-shadow-rgb: 253, 234, 197;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #FBD89D;
    --bs-btn-active-border-color: #FADF93;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #FDEAC5;
    --bs-btn-disabled-border-color: #FDEAC5;
}

/* DANGER BUTTON (soft coral) */
.btn-danger {
    --bs-btn-color: #000000;
    --bs-btn-bg: #FFA3B1; /* light coral for ocean theme */
    --bs-btn-border-color: #FFA3B1;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #FFBBC9;
    --bs-btn-hover-border-color: #FFADBE;
    --bs-btn-focus-shadow-rgb: 255, 163, 177;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #FFADBE;
    --bs-btn-active-border-color: #FF9FB0;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #FFA3B1;
    --bs-btn-disabled-border-color: #FFA3B1;
}

/* DARK BUTTON (deep ocean) */
.btn-dark {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #1E2129;
    --bs-btn-border-color: #1E2129;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #404249;
    --bs-btn-hover-border-color: #35373e;
    --bs-btn-focus-shadow-rgb: 64, 66, 73;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #4b4d54;
    --bs-btn-active-border-color: #35373e;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #1E2129;
    --bs-btn-disabled-border-color: #1E2129;
}

.progress-bar {
    --bs-progress-bar-bg: #17C653; /* ocean green */
}

.dropdown-menu-dark {
    --bs-dropdown-link-hover-bg: rgba(27, 132, 255, 0.15); /* light blue on hover */
}