body.gema-theme {
    --gema-gold: #916b19;
    --gema-gold-hover: #735313;
    --gema-gold-soft: #fbf6e9;
    --gema-gold-border: #e5d6af;
    --gema-heading: #49391d;
    --gema-text: #292929;
    --gema-muted: #666;
    --gema-link: #765515;
    --gema-button-soft: #fffaf0;
    --gema-button-hover: #f2e5c4;
    --gema-row-hover: #fbf3df;
    --gema-readonly: #f8f6f0;
    --gema-shell: #fcfaf5;
    --kit-color-primary: var(--gema-gold);
    color: var(--gema-text);
}

.gema-theme a,
.gema-theme label,
.gema-theme input,
.gema-theme .form-control,
.gema-theme .table,
.gema-theme .dropdown-menu,
.gema-theme .dropdown-item,
.gema-theme .cui__breadcrumbs,
.gema-theme .cui__topbar {
    color: var(--gema-text);
}

.gema-theme a:hover,
.gema-theme a:focus,
.gema-theme .cui__breadcrumbs a,
.gema-theme .nav-tabs .nav-link,
.gema-theme .page-link {
    color: var(--gema-link);
}

.gema-theme .form-text,
.gema-theme .text-muted,
.gema-theme .dataTables_info {
    color: var(--gema-muted) !important;
}

.gema-theme .form-control::placeholder {
    color: var(--gema-muted) !important;
}

.gema-theme .card {
    border-color: var(--gema-gold-border);
}

.gema-theme .cui__utils__content > .card,
.gema-theme .col-xl-12 > .card {
    border-top: 3px solid #b99035;
}

.gema-theme .card-header {
    background: var(--gema-gold-soft);
    border-bottom-color: var(--gema-gold-border);
    color: var(--gema-heading);
}

.gema-theme .card-header h4,
.gema-theme .card-body > h5,
.gema-theme .card-header strong {
    color: var(--gema-heading);
}

.gema-theme .btn.btn-light {
    background: var(--gema-button-soft);
    border-color: var(--gema-gold-border);
    color: var(--gema-link);
}

.gema-theme .btn.btn-light:not(:disabled):hover,
.gema-theme .btn.btn-light:not(:disabled):focus,
.gema-theme .btn.btn-light:not(:disabled):active {
    background: var(--gema-button-hover);
    border-color: var(--gema-gold);
    color: var(--gema-heading);
}

.gema-theme .btn.btn-primary,
.gema-theme .btn.btn-success,
.gema-theme #bttn-add {
    background: var(--gema-gold);
    border-color: var(--gema-gold);
    color: #fff;
}

.gema-theme .btn.btn-primary:not(:disabled):hover,
.gema-theme .btn.btn-primary:not(:disabled):focus,
.gema-theme .btn.btn-primary:not(:disabled):active,
.gema-theme .btn.btn-success:not(:disabled):hover,
.gema-theme .btn.btn-success:not(:disabled):focus,
.gema-theme .btn.btn-success:not(:disabled):active,
.gema-theme #bttn-add:not(:disabled):hover,
.gema-theme #bttn-add:not(:disabled):focus,
.gema-theme #bttn-add:not(:disabled):active {
    background: var(--gema-gold-hover);
    border-color: var(--gema-gold-hover);
    color: #fff;
}

.gema-theme .btn:focus-visible,
.gema-theme .nav-link:focus-visible,
.gema-theme .page-link:focus-visible {
    outline: 2px solid var(--gema-gold);
    outline-offset: 3px;
}

.gema-theme .btn.btn-primary:focus,
.gema-theme .btn.btn-success:focus,
.gema-theme #bttn-add:focus {
    box-shadow: 0 0 0 0.2rem rgba(145, 107, 25, 0.25);
}

.gema-theme .nav-tabs .nav-link.active,
.gema-theme .nav-tabs .nav-link:hover {
    color: var(--gema-heading);
    border-bottom-color: var(--gema-gold);
}

.gema-theme .nav-tabs .nav-link.active {
    font-weight: 700;
    box-shadow: inset 0 -3px 0 var(--gema-gold);
}

.gema-theme .nav-tabs-line .nav-link.active::after {
    background: var(--gema-gold);
}

.gema-theme .form-control:not(.is-invalid):not(.is-valid):focus {
    border-color: var(--gema-gold);
    box-shadow: 0 0 0 0.15rem rgba(145, 107, 25, 0.18);
}

.gema-theme .form-control[readonly] {
    background-color: var(--gema-readonly);
}

.gema-theme .cui__breadcrumbs {
    border-bottom: 1px solid var(--gema-gold-border);
}

.gema-theme .table thead th {
    background: var(--gema-gold-soft);
    color: var(--gema-heading);
    border-bottom-color: var(--gema-gold-border);
}

.gema-theme .table-hover tbody tr:hover {
    background-color: var(--gema-row-hover);
}

.gema-theme table.dataTable tbody > tr.selected,
.gema-theme table.dataTable tbody > tr > .selected {
    background-color: var(--gema-button-hover);
    color: var(--gema-text);
}

.gema-theme .page-item.active .page-link {
    background: var(--gema-gold);
    border-color: var(--gema-gold);
    color: #fff;
}

.gema-theme .page-item.disabled .page-link {
    color: var(--gema-muted);
}

.gema-theme .cui__menuLeft,
.gema-theme .cui__menuLeft__item__icon {
    color: var(--gema-gold);
}

.gema-theme .cui__menuLeft,
.gema-theme .cui__menuLeft .cui__menuLeft__outer,
.gema-theme.cui__menuLeft--toggled .cui__menuLeft:hover .cui__menuLeft__outer,
.gema-theme .cui__topbar {
    background: var(--gema-shell);
}

.gema-theme .cui__menuLeft .cui__menuLeft__outer {
    border-right: 1px solid var(--gema-gold-border);
}

.gema-theme .cui__menuLeft__logo__container,
.gema-theme .cui__topbar {
    border-bottom: 1px solid var(--gema-gold-border);
}

.gema-theme .cui__menuLeft__logo__name {
    color: var(--gema-gold);
}

.gema-theme .cui__menuLeft__logo__descr {
    color: var(--gema-muted);
    border-left-color: var(--gema-gold-border);
}

.gema-theme .cui__menuLeft__trigger,
.gema-theme .cui__menuLeft__submenu--toggled {
    background: var(--gema-gold-soft);
}

.gema-theme .cui__menuLeft__trigger {
    border-top: 1px solid var(--gema-gold-border);
}

.gema-theme .cui__menuLeft__trigger::after {
    border-color: var(--gema-gold);
}

.gema-theme .cui__menuLeft__submenu > .cui__menuLeft__item__link::before,
.gema-theme .cui__menuLeft__submenu > .cui__menuLeft__item__link::after {
    background: var(--gema-gold);
}

.gema-theme .cui__topbar .fe,
.gema-theme .cui__topbar .dropdown-icon,
.gema-theme .cui__topbar .dropdown-toggle-icon,
.gema-theme .cui__topbar .dropdown-toggle::after {
    color: var(--gema-gold);
}

.gema-theme .cui__topbar__search input {
    background: var(--gema-button-soft);
    border-color: var(--gema-gold-border);
    color: var(--gema-text);
}

.gema-theme .cui__topbar__search input::placeholder {
    color: var(--gema-muted) !important;
}

.gema-theme .cui__topbar .dropdown-menu .dropdown-item {
    color: var(--gema-muted);
}

.gema-theme .cui__topbar .dropdown-menu .dropdown-item:hover,
.gema-theme .cui__topbar .dropdown-menu .dropdown-item:focus {
    color: var(--gema-text);
    background: var(--gema-gold-soft);
}

.gema-theme .cui__topbar__search input:focus {
    background: var(--gema-shell);
    border-color: var(--gema-gold);
}

.gema-theme .gema-user-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    border: 1px solid var(--gema-gold-border);
    border-radius: 8px;
    background: var(--gema-gold-soft);
    color: var(--gema-gold);
    font-size: 22px;
}

.gema-theme .cui__menuLeft__mobileTrigger {
    background: var(--gema-gold);
}

.gema-theme .cui__menuLeft__item__link {
    color: var(--gema-text) !important;
}

.gema-theme .cui__menuLeft__category {
    color: var(--gema-muted) !important;
}

.gema-theme .cui__menuLeft__item__link:hover {
    background: var(--gema-gold-soft);
    color: var(--gema-link) !important;
}

.gema-theme .cui__menuLeft__item--active > .cui__menuLeft__item__link,
.gema-theme .cui__menuLeft__item__link.cui__menuLeft__item--active {
    background: var(--gema-gold) !important;
    color: #fff !important;
}

.gema-theme .cui__menuLeft__item--active .cui__menuLeft__item__icon,
.gema-theme .cui__menuLeft__item__link.cui__menuLeft__item--active:hover .cui__menuLeft__item__icon {
    color: #fff !important;
}

.gema-theme .cui__menuLeft__item--disabled .cui__menuLeft__item__link {
    color: var(--gema-muted) !important;
    background: transparent !important;
}

.gema-login .cui__auth__containerInner h3 {
    color: var(--gema-gold);
}

.gema-login .gema-login-title {
    color: var(--gema-text);
}

.gema-login .cui__auth__containerInner p,
.gema-login .form-control,
.gema-login .kit__utils__link {
    color: var(--gema-muted);
}

.gema-login .kit__utils__link:hover,
.gema-login .kit__utils__link:focus {
    color: var(--gema-link);
}

[data-kit-theme='dark'] body.gema-theme {
    --gema-gold-soft: #29251d;
    --gema-gold-border: #63502b;
    --gema-heading: #f1d99f;
    --gema-text: #e5e5e5;
    --gema-muted: #b6b6b6;
    --gema-link: #e5c77e;
    --gema-button-soft: #29251d;
    --gema-button-hover: #493b20;
    --gema-row-hover: #342c1e;
    --gema-readonly: #252525;
    --gema-shell: #211f1a;
}
