:root {
    --limitless-avorio: #faf1e9;
    --limitless-avorio-chiaro: #fffaf6;
    --limitless-avorio-scuro: #f2e3d6;
    --limitless-antracite: #292724;
    --limitless-bronzo: #d47729;
    --limitless-bronzo-scuro: #803b0b;
}

body.app-default {
    background-color: var(--limitless-avorio-chiaro);
    color: var(--limitless-antracite);
}

[data-bs-theme="dark"] {
    --limitless-avorio: #292724;
    --limitless-avorio-chiaro: #211f1d;
    --limitless-avorio-scuro: #35312d;
    --limitless-antracite: #f5eee9;
    --limitless-bronzo: #d47729;
    --limitless-bronzo-scuro: #e0c29e;
}

:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
    --bs-primary: var(--limitless-bronzo);
    --bs-primary-rgb: 212, 119, 41;
    --bs-primary-active: #803b0b;
    --bs-primary-light: var(--limitless-avorio);
    --bs-primary-inverse: #fff;
    --bs-primary-clarity: rgba(var(--bs-primary-rgb), .2);
    --bs-primary-text-emphasis: var(--limitless-bronzo-scuro);
    --bs-primary-bg-subtle: var(--limitless-avorio-chiaro);
    --bs-primary-border-subtle: var(--limitless-avorio-scuro);
    --bs-text-primary: var(--limitless-bronzo-scuro);
    --bs-link-color: var(--limitless-bronzo-scuro);
    --bs-link-color-rgb: var(--limitless-link-rgb);
    --bs-link-hover-color: var(--limitless-antracite);
    --bs-link-hover-color-rgb: var(--limitless-link-hover-rgb);
    --bs-component-active-bg: var(--limitless-bronzo);
    --bs-component-active-color: #fff;
    --bs-component-hover-bg: var(--limitless-avorio);
    --bs-component-hover-color: var(--limitless-bronzo-scuro);
}

:root,
[data-bs-theme="light"] {
    --limitless-link-rgb: 128, 59, 11;
    --limitless-link-hover-rgb: 41, 39, 36;
}

[data-bs-theme="dark"] {
    --limitless-link-rgb: 224, 194, 158;
    --limitless-link-hover-rgb: 245, 238, 233;
}

.app-header .app-container {
    background-color: var(--limitless-avorio-scuro);
}

.app-header {
    background-color: var(--limitless-avorio-chiaro);
}

@media (min-width: 992px) {
    .app-header .app-container {
        margin-top: 16px;
    }

    .app-wrapper {
        padding-top: 16px;
    }
}

.app-header-menu .menu > .menu-item > .menu-link,
.app-header-menu .menu > .menu-item > .menu-link .menu-title {
    color: var(--limitless-antracite) !important;
}

.app-header-menu .menu > .menu-item > .menu-link:hover,
.app-header-menu .menu > .menu-item > .menu-link:hover .menu-title,
.app-header-menu .menu > .menu-item > .menu-link:focus-visible,
.app-header-menu .menu > .menu-item > .menu-link:focus-visible .menu-title,
.app-header-menu .menu > .menu-item.here > .menu-link,
.app-header-menu .menu > .menu-item.here > .menu-link .menu-title {
    color: var(--limitless-bronzo-scuro) !important;
}

.app-header-menu .menu > .menu-item.here > .menu-link {
    background-color: var(--limitless-bronzo) !important;
    border-radius: 999px;
    font-weight: 600;
    box-shadow: 0 2px 6px rgb(41 39 36 / 10%);
}

.app-header-menu .menu > .menu-item.here > .menu-link,
.app-header-menu .menu > .menu-item.here > .menu-link .menu-title {
    color: #fff !important;
}

.logo-limitless {
    display: block;
    max-height: 50px;
    max-width: 180px;
    object-fit: contain;
}

.input-colore {
    height: 45px;
    padding: .25rem;
    cursor: pointer;
}

.input-colore::-webkit-color-swatch-wrapper {
    padding: 0;
}

.input-colore::-webkit-color-swatch {
    border: 0;
    border-radius: 1.5rem;
}

.app-wrapper > .app-container {
    max-width: none;
    padding: 0 !important;
}

.app-content {
    padding: 1rem 0 2rem;
}

.app-content > section {
    padding-inline: 0;
    margin-inline: 0;
    max-width: none;
}

.btn.btn-primary {
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    background-color: var(--limitless-bronzo) !important;
    border-color: var(--limitless-bronzo) !important;
    color: #fff !important;
}

.btn.btn-primary:is(:hover, :focus, :focus-visible, :active, .active, .show):not(.btn-active),
.btn-check:checked + .btn.btn-primary,
.show > .btn.btn-primary {
    background-color: var(--bs-primary-active) !important;
    border-color: var(--bs-primary-active) !important;
    color: #fff !important;
}

.btn-light-primary {
    background-color: var(--limitless-avorio) !important;
    border-color: var(--limitless-avorio-scuro) !important;
    color: var(--limitless-bronzo-scuro) !important;
}

.btn.btn-light-primary:is(:hover, :focus, :focus-visible, :active, .active, .show):not(.btn-active),
.btn-check:checked + .btn.btn-light-primary,
.show > .btn.btn-light-primary {
    background-color: var(--limitless-avorio-scuro) !important;
    border-color: var(--limitless-bronzo) !important;
    color: var(--limitless-antracite) !important;
}

.btn.btn-bronzo-chiaro {
    background-color: var(--limitless-bronzo);
    border-color: var(--limitless-bronzo);
    color: #ffffff !important;
}

.btn.btn-bronzo-chiaro:hover,
.btn.btn-bronzo-chiaro:focus-visible,
.btn.btn-bronzo-chiaro:active {
    background-color: var(--bs-primary-active);
    border-color: var(--bs-primary-active);
    color: #ffffff !important;
}

.btn.btn-bronzo-chiaro:focus-visible {
    outline: 2px solid var(--limitless-bronzo-scuro);
    outline-offset: 2px;
}

.btn.btn-bronzo-chiaro:visited,
.btn.btn-bronzo-chiaro:focus,
.btn.btn-bronzo-chiaro.active,
.btn.btn-bronzo-chiaro.disabled,
.btn.btn-bronzo-chiaro:disabled {
    color: #ffffff !important;
}

.alert-success {
    background-color: #eef8f0;
    border-color: #8dc797;
    color: #1d5c2b;
}

.scheda-accesso {
    max-width: 520px;
}

.scheda-accesso .logo-accesso {
    width: 80px;
    max-width: 100%;
    max-height: none;
    height: auto;
    margin-inline: auto;
}

.scheda-accesso .btn.btn-primary {
    min-height: 45px;
    font-size: 1rem;
    color: #ffffff !important;
    background: var(--limitless-bronzo) !important;
    border-color: var(--limitless-bronzo) !important;
}

.scheda-accesso .btn.btn-primary:hover,
.scheda-accesso .btn.btn-primary:is(:focus, :focus-visible, :active, .active, .show) {
    background: var(--bs-primary-active) !important;
    border-color: var(--bs-primary-active) !important;
}

a {
    color: var(--limitless-bronzo-scuro);
}

a:hover {
    color: var(--bs-link-hover-color);
}

.form-check-label {
    color: var(--limitless-antracite);
    font-weight: 500;
    cursor: pointer;
}

.form-check-input:checked,
.form-check-input[type="checkbox"]:indeterminate {
    background-color: var(--limitless-bronzo);
    border-color: var(--limitless-bronzo);
}

.form-control:focus,
.form-control.form-control-solid:focus,
.form-select:focus,
.form-select.form-select-solid:focus,
.form-check-input:focus {
    border-color: var(--limitless-bronzo) !important;
    box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .2);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
    outline: 3px solid var(--limitless-bronzo-scuro);
    outline-offset: 3px;
}

@media (max-width: 575.98px) {
    .app-header-menu .menu > .menu-item.here > .menu-link {
    background-color: var(--limitless-bronzo) !important;
    border-radius: 999px;
    font-weight: 600;
    box-shadow: 0 2px 6px rgb(41 39 36 / 10%);
}

.app-header-menu .menu > .menu-item.here > .menu-link,
.app-header-menu .menu > .menu-item.here > .menu-link .menu-title {
    color: #fff !important;
}

.logo-limitless {
        max-height: 44px;
    }
}

#kt_app_header_menu_toggle { color: var(--limitless-antracite); }
#kt_app_header_menu_toggle:focus-visible { outline: 3px solid var(--limitless-bronzo); outline-offset: 3px; }

body.auth-limitless{background:var(--limitless-avorio-scuro);min-height:100vh}.auth-limitless .scheda-accesso{background:#fff} .invalid-feedback{display:block} .table td{vertical-align:middle}