/* CarAuto El Paraíso — acentos de marca */

.fi-simple-layout {
    background: linear-gradient(
        145deg,
        color-mix(in oklab, var(--primary-50) 85%, white) 0%,
        white 45%,
        color-mix(in oklab, var(--danger-50) 35%, white) 100%
    );
}

.dark .fi-simple-layout {
    background: linear-gradient(
        145deg,
        color-mix(in oklab, var(--primary-950) 70%, black) 0%,
        oklch(0.145 0.014 285) 55%,
        color-mix(in oklab, var(--danger-950) 40%, black) 100%
    );
}

.fi-simple-main-ctn {
    backdrop-filter: blur(2px);
}

.fi-topbar {
    border-bottom: 2px solid var(--primary-500);
    background: linear-gradient(
        to right,
        color-mix(in oklab, var(--primary-50) 40%, white),
        white 35%,
        color-mix(in oklab, var(--danger-50) 15%, white) 100%
    );
}

.dark .fi-topbar {
    background: linear-gradient(
        to right,
        color-mix(in oklab, var(--primary-950) 50%, black),
        oklch(0.21 0.014 285) 40%,
        color-mix(in oklab, var(--danger-950) 25%, black) 100%
    );
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    border-inline-start: 3px solid var(--primary-500);
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-label {
    color: var(--primary-700);
}

.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-label {
    color: var(--primary-400);
}

.fi-btn-primary {
    box-shadow: 0 1px 2px color-mix(in oklab, var(--primary-600) 25%, transparent);
}

.fi-btn-color-danger {
    box-shadow: 0 1px 2px color-mix(in oklab, var(--danger-600) 20%, transparent);
}

.fi-logo img {
    filter: drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
}