/* Shared light palette. Typography, spacing, monetary values and image colors stay page-owned. */
:root,
[data-bs-theme="light"] {
    --kt-ink: #293b4b;
    --kt-muted: var(--kt-secondary);
    --kt-page: #f5f7f8;
    --kt-surface: #fff;
    --kt-border: #dfe6ea;
    --kt-owner-surface: #f1f6f8;
    --kt-owner-border: #b6cbd5;
    --bs-body-color: var(--kt-ink);
    --bs-body-color-rgb: 41, 59, 75;
    --bs-body-bg: var(--kt-page);
    --bs-body-bg-rgb: 245, 247, 248;
    --bs-secondary-color: var(--kt-muted);
    --bs-secondary-color-rgb: var(--kt-secondary-rgb);
    --bs-secondary-bg: #edf1f3;
    --bs-tertiary-bg: #f5f7f8;
    --bs-border-color: var(--kt-border);
    --bs-border-color-translucent: rgba(41, 59, 75, .14);
    --bs-link-color: var(--kt-primary);
    --bs-link-color-rgb: var(--kt-primary-rgb);
    --bs-link-hover-color: var(--kt-primary-hover);
    --bs-link-hover-color-rgb: 44, 76, 93;
    --bs-focus-ring-color: rgba(59, 98, 117, .22);
    --bs-form-valid-color: var(--kt-success);
    --bs-form-valid-border-color: var(--kt-success);
    --bs-form-invalid-color: var(--kt-danger);
    --bs-form-invalid-border-color: var(--kt-danger);
    --kt-primary: #3b6275;
    --kt-primary-rgb: 59, 98, 117;
    --kt-primary-hover: #2c4c5d;
    --kt-primary-soft: #edf3f6;
    --kt-primary-border: #c9d8e0;
    --bs-primary: var(--kt-primary);
    --bs-primary-rgb: var(--kt-primary-rgb);
    --bs-primary-text-emphasis: var(--kt-primary);
    --bs-primary-bg-subtle: var(--kt-primary-soft);
    --bs-primary-border-subtle: var(--kt-primary-border);
    --kt-success: #326652;
    --kt-success-rgb: 50, 102, 82;
    --kt-success-hover: #275140;
    --kt-success-soft: #edf5f0;
    --kt-success-border: #cbded3;
    --bs-success: var(--kt-success);
    --bs-success-rgb: var(--kt-success-rgb);
    --bs-success-text-emphasis: var(--kt-success);
    --bs-success-bg-subtle: var(--kt-success-soft);
    --bs-success-border-subtle: var(--kt-success-border);
    --kt-warning: #84632a;
    --kt-warning-rgb: 132, 99, 42;
    --kt-warning-hover: #6e501e;
    --kt-warning-soft: #fbf4e6;
    --kt-warning-border: #e6d6b5;
    --bs-warning: var(--kt-warning);
    --bs-warning-rgb: var(--kt-warning-rgb);
    --bs-warning-text-emphasis: var(--kt-warning);
    --bs-warning-bg-subtle: var(--kt-warning-soft);
    --bs-warning-border-subtle: var(--kt-warning-border);
    --kt-danger: #994747;
    --kt-danger-rgb: 153, 71, 71;
    --kt-danger-hover: #7f3939;
    --kt-danger-soft: #faeded;
    --kt-danger-border: #e5caca;
    --bs-danger: var(--kt-danger);
    --bs-danger-rgb: var(--kt-danger-rgb);
    --bs-danger-text-emphasis: var(--kt-danger);
    --bs-danger-bg-subtle: var(--kt-danger-soft);
    --bs-danger-border-subtle: var(--kt-danger-border);
    --kt-secondary: #5c6a77;
    --kt-secondary-rgb: 92, 106, 119;
    --kt-secondary-hover: #4e5c68;
    --kt-secondary-soft: #f0f3f5;
    --kt-secondary-border: #dfe6ea;
    --bs-secondary: var(--kt-secondary);
    --bs-secondary-rgb: var(--kt-secondary-rgb);
    --bs-secondary-text-emphasis: var(--kt-secondary);
    --bs-secondary-bg-subtle: var(--kt-secondary-soft);
    --bs-secondary-border-subtle: var(--kt-secondary-border);
    --kt-info: #3b6275;
    --kt-info-rgb: 59, 98, 117;
    --kt-info-hover: #2c4c5d;
    --kt-info-soft: #edf3f6;
    --kt-info-border: #c9d8e0;
    --bs-info: var(--kt-info);
    --bs-info-rgb: var(--kt-info-rgb);
    --bs-info-text-emphasis: var(--kt-info);
    --bs-info-bg-subtle: var(--kt-info-soft);
    --bs-info-border-subtle: var(--kt-info-border);
}

.kt-theme { color: var(--kt-ink); background: var(--kt-page); }
.kt-theme .card { --bs-card-bg: var(--kt-surface); --bs-card-border-color: var(--kt-border); --bs-card-cap-bg: var(--kt-secondary-soft); }
.kt-theme .modal-content { --bs-modal-bg: var(--kt-surface); --bs-modal-border-color: var(--kt-border); }
.kt-theme .dropdown-menu { --bs-dropdown-bg: var(--kt-surface); --bs-dropdown-link-active-bg: var(--kt-primary); --bs-dropdown-link-hover-bg: var(--kt-primary-soft); }
.kt-theme .list-group { --bs-list-group-bg: var(--kt-surface); --bs-list-group-border-color: var(--kt-border); --bs-list-group-action-hover-bg: var(--kt-primary-soft); --bs-list-group-active-bg: var(--kt-primary); --bs-list-group-active-border-color: var(--kt-primary); }
.kt-theme .table { --bs-table-bg: var(--kt-surface); --bs-table-color: var(--kt-ink); --bs-table-border-color: var(--kt-border); }
.kt-theme .table-light { --bs-table-bg: var(--kt-secondary-soft); }
.kt-theme .form-control, .kt-theme .form-select { background-color: var(--kt-surface); }
.kt-theme .form-control:disabled, .kt-theme .form-select:disabled { background-color: var(--kt-secondary-soft); }
.kt-theme :where(.form-control, .form-select):focus { border-color: var(--kt-primary); box-shadow: 0 0 0 .25rem var(--bs-focus-ring-color); }
.kt-theme .form-check-input:checked { background-color: var(--kt-primary); border-color: var(--kt-primary); }
.kt-theme .form-check-input:focus { border-color: var(--kt-primary); box-shadow: 0 0 0 .25rem var(--bs-focus-ring-color); }
.kt-theme .nav { --bs-nav-link-color: var(--kt-muted); --bs-nav-link-hover-color: var(--kt-primary); }
.kt-theme .nav-tabs { --bs-nav-tabs-border-color: var(--kt-border); --bs-nav-tabs-link-active-color: var(--kt-primary); --bs-nav-tabs-link-active-bg: var(--kt-surface); --bs-nav-tabs-link-active-border-color: var(--kt-border) var(--kt-border) var(--kt-surface); }
.kt-theme .nav-pills { --bs-nav-pills-link-active-bg: var(--kt-primary); }
.kt-theme .pagination { --bs-pagination-bg: var(--kt-surface); --bs-pagination-color: var(--kt-primary); --bs-pagination-hover-bg: var(--kt-primary-soft); --bs-pagination-hover-color: var(--kt-primary-hover); --bs-pagination-active-bg: var(--kt-primary); --bs-pagination-active-border-color: var(--kt-primary); --bs-pagination-focus-color: var(--kt-primary); --bs-pagination-focus-bg: var(--kt-primary-soft); --bs-pagination-focus-box-shadow: 0 0 0 .25rem var(--bs-focus-ring-color); }
.kt-theme .accordion { --bs-accordion-bg: var(--kt-surface); --bs-accordion-border-color: var(--kt-border); --bs-accordion-active-bg: var(--kt-primary-soft); --bs-accordion-active-color: var(--kt-primary); --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem var(--bs-focus-ring-color); }
.kt-theme .progress { --bs-progress-bar-bg: var(--kt-primary); }
.kt-theme .footnav .nav-link.active { background: var(--kt-primary-soft); border-radius: 10px; }
.kt-theme .footnav .nav-link.active, .kt-theme .footnav .nav-link:focus { color: var(--kt-primary) !important; }

.kt-theme .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--kt-primary);
    --bs-btn-border-color: var(--kt-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kt-primary-hover);
    --bs-btn-hover-border-color: var(--kt-primary-hover);
    --bs-btn-focus-shadow-rgb: var(--kt-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kt-primary-hover);
    --bs-btn-active-border-color: var(--kt-primary-hover);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--kt-primary);
    --bs-btn-disabled-border-color: var(--kt-primary);
}
.kt-theme .btn-outline-primary {
    --bs-btn-color: var(--kt-primary);
    --bs-btn-border-color: var(--kt-primary-border);
    --bs-btn-hover-color: var(--kt-primary-hover);
    --bs-btn-hover-bg: var(--kt-primary-soft);
    --bs-btn-hover-border-color: var(--kt-primary);
    --bs-btn-focus-shadow-rgb: var(--kt-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kt-primary);
    --bs-btn-active-border-color: var(--kt-primary);
    --bs-btn-disabled-color: var(--kt-primary);
    --bs-btn-disabled-border-color: var(--kt-primary-border);
}

.kt-theme .btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--kt-success);
    --bs-btn-border-color: var(--kt-success);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kt-success-hover);
    --bs-btn-hover-border-color: var(--kt-success-hover);
    --bs-btn-focus-shadow-rgb: var(--kt-success-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kt-success-hover);
    --bs-btn-active-border-color: var(--kt-success-hover);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--kt-success);
    --bs-btn-disabled-border-color: var(--kt-success);
}
.kt-theme .btn-outline-success {
    --bs-btn-color: var(--kt-success);
    --bs-btn-border-color: var(--kt-success-border);
    --bs-btn-hover-color: var(--kt-success-hover);
    --bs-btn-hover-bg: var(--kt-success-soft);
    --bs-btn-hover-border-color: var(--kt-success);
    --bs-btn-focus-shadow-rgb: var(--kt-success-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kt-success);
    --bs-btn-active-border-color: var(--kt-success);
    --bs-btn-disabled-color: var(--kt-success);
    --bs-btn-disabled-border-color: var(--kt-success-border);
}

.kt-theme .btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--kt-warning);
    --bs-btn-border-color: var(--kt-warning);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kt-warning-hover);
    --bs-btn-hover-border-color: var(--kt-warning-hover);
    --bs-btn-focus-shadow-rgb: var(--kt-warning-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kt-warning-hover);
    --bs-btn-active-border-color: var(--kt-warning-hover);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--kt-warning);
    --bs-btn-disabled-border-color: var(--kt-warning);
}
.kt-theme .btn-outline-warning {
    --bs-btn-color: var(--kt-warning);
    --bs-btn-border-color: var(--kt-warning-border);
    --bs-btn-hover-color: var(--kt-warning-hover);
    --bs-btn-hover-bg: var(--kt-warning-soft);
    --bs-btn-hover-border-color: var(--kt-warning);
    --bs-btn-focus-shadow-rgb: var(--kt-warning-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kt-warning);
    --bs-btn-active-border-color: var(--kt-warning);
    --bs-btn-disabled-color: var(--kt-warning);
    --bs-btn-disabled-border-color: var(--kt-warning-border);
}

.kt-theme .btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--kt-danger);
    --bs-btn-border-color: var(--kt-danger);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kt-danger-hover);
    --bs-btn-hover-border-color: var(--kt-danger-hover);
    --bs-btn-focus-shadow-rgb: var(--kt-danger-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kt-danger-hover);
    --bs-btn-active-border-color: var(--kt-danger-hover);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--kt-danger);
    --bs-btn-disabled-border-color: var(--kt-danger);
}
.kt-theme .btn-outline-danger {
    --bs-btn-color: var(--kt-danger);
    --bs-btn-border-color: var(--kt-danger-border);
    --bs-btn-hover-color: var(--kt-danger-hover);
    --bs-btn-hover-bg: var(--kt-danger-soft);
    --bs-btn-hover-border-color: var(--kt-danger);
    --bs-btn-focus-shadow-rgb: var(--kt-danger-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kt-danger);
    --bs-btn-active-border-color: var(--kt-danger);
    --bs-btn-disabled-color: var(--kt-danger);
    --bs-btn-disabled-border-color: var(--kt-danger-border);
}

.kt-theme .btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--kt-secondary);
    --bs-btn-border-color: var(--kt-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kt-secondary-hover);
    --bs-btn-hover-border-color: var(--kt-secondary-hover);
    --bs-btn-focus-shadow-rgb: var(--kt-secondary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kt-secondary-hover);
    --bs-btn-active-border-color: var(--kt-secondary-hover);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--kt-secondary);
    --bs-btn-disabled-border-color: var(--kt-secondary);
}
.kt-theme .btn-outline-secondary {
    --bs-btn-color: var(--kt-secondary);
    --bs-btn-border-color: var(--kt-secondary-border);
    --bs-btn-hover-color: var(--kt-secondary-hover);
    --bs-btn-hover-bg: var(--kt-secondary-soft);
    --bs-btn-hover-border-color: var(--kt-secondary);
    --bs-btn-focus-shadow-rgb: var(--kt-secondary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kt-secondary);
    --bs-btn-active-border-color: var(--kt-secondary);
    --bs-btn-disabled-color: var(--kt-secondary);
    --bs-btn-disabled-border-color: var(--kt-secondary-border);
}

.kt-theme .btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--kt-info);
    --bs-btn-border-color: var(--kt-info);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kt-info-hover);
    --bs-btn-hover-border-color: var(--kt-info-hover);
    --bs-btn-focus-shadow-rgb: var(--kt-info-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kt-info-hover);
    --bs-btn-active-border-color: var(--kt-info-hover);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--kt-info);
    --bs-btn-disabled-border-color: var(--kt-info);
}
.kt-theme .btn-outline-info {
    --bs-btn-color: var(--kt-info);
    --bs-btn-border-color: var(--kt-info-border);
    --bs-btn-hover-color: var(--kt-info-hover);
    --bs-btn-hover-bg: var(--kt-info-soft);
    --bs-btn-hover-border-color: var(--kt-info);
    --bs-btn-focus-shadow-rgb: var(--kt-info-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kt-info);
    --bs-btn-active-border-color: var(--kt-info);
    --bs-btn-disabled-color: var(--kt-info);
    --bs-btn-disabled-border-color: var(--kt-info-border);
}

.kt-theme :is(.bg-warning, .text-bg-warning) { color: var(--kt-warning) !important; background-color: var(--kt-warning-soft) !important; }
.kt-theme :is(.bg-info, .text-bg-info) { color: var(--kt-info) !important; background-color: var(--kt-info-soft) !important; }
.kt-theme .kt-balance-card, .kt-theme .kt-profile-summary { background: var(--kt-primary-soft); border-color: var(--kt-primary-border); }
.kt-theme .kt-balance-amount { color: var(--kt-primary); }
.kt-theme .kt-notifications .card.border-primary { background: var(--kt-primary-soft); border-color: var(--kt-primary-border) !important; }
