:root {
    --tw-text-base-size: 1.5rem !important;
    --theme-color-r: 209;
    --theme-color-g: 158;
    --theme-color-b: 26;
}

@media screen and (min-width:1024px){
    :root {
        font-size: 16px !important;
    }
}

body {
    background: #f8fafc;
}

.dark body {
    background: #020617;
    background-image: radial-gradient(circle, rgba(24, 24, 24, 0.1) 2px, transparent 2px);
    background-size: 24px 24px;
}
.fi-simple-main{
    width: 90% !important;
    border-radius: 5px !important;
}

.fi-simple-main .fi-input{
    height: 50px !important;
}
/* Light mode */
.fi-sidebar-nav {border-right: 1px solid rgba(var(--gray-200), 1) !important;}

.dark .fi-sidebar-nav {border-right: 1px solid #2d2d2d !important;}

.fi-sidebar-header{ border-right: 1px solid rgba(var(--gray-200), 1) !important; }

.dark .fi-sidebar-header{ border-right: 1px solid #2d2d2d !important; }

.fi-breadcrumbs{ display: none !important;}

/* MODO CLARO */
.fi-topbar {
    background-color: #FF0000 !important; /* sua cor clara */
}

/* Sidebar no modo claro */
html:not(.dark) .fi-sidebar {
    background: #ffffff !important;
}

html.dark hr{ border-color: #2d2d2d !important;}

/* Sidebar no modo escuro */
html.dark .fi-sidebar {
    background: rgba(var(--gray-900),var(--tw-bg-opacity,1)) !important;

}

.border-gray-dark{ border-color: rgba(255, 255, 255, 0.1) !important;}


/* ===== CORES DE FUNDO ===== */
.bg-theme-50 { background-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.05); }
.bg-theme-100 { background-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.1); }
.bg-theme-200 { background-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.2); }
.bg-theme-300 { background-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.3); }
.bg-theme-400 { background-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.4); }
.bg-theme-500 { background-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.5); }
.bg-theme-600 { background-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.6); }
.bg-theme-700 { background-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.7); }
.bg-theme-800 { background-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.8); }
.bg-theme-900 { background-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.9); }
.bg-theme { background-color: rgb(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b)); }

/* ===== CORES DE TEXTO ===== */
.text-theme-50 { color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.05); }
.text-theme-100 { color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.1); }
.text-theme-200 { color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.2); }
.text-theme-300 { color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.3); }
.text-theme-400 { color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.4); }
.text-theme-500 { color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.5); }
.text-theme-600 { color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.6); }
.text-theme-700 { color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.7); }
.text-theme-800 { color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.8); }
.text-theme-900 { color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.9); }
.text-theme { color: rgb(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b)); }

/* ===== CORES DE BORDA ===== */
.border-theme-50 { border-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.05); }
.border-theme-100 { border-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.1); }
.border-theme-200 { border-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.2); }
.border-theme-300 { border-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.3); }
.border-theme-400 { border-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.4); }
.border-theme-500 { border-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.5); }
.border-theme-600 { border-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.6); }
.border-theme-700 { border-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.7); }
.border-theme-800 { border-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.8); }
.border-theme-900 { border-color: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.9); }
.border-theme { border-color: rgb(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b)); }

/* ===== CORES PARA SVG (STROKE) ===== */
.stroke-theme-50 { stroke: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.05); }
.stroke-theme-100 { stroke: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.1); }
.stroke-theme-200 { stroke: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.2); }
.stroke-theme-300 { stroke: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.3); }
.stroke-theme-400 { stroke: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.4); }
.stroke-theme-500 { stroke: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.5); }
.stroke-theme-600 { stroke: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.6); }
.stroke-theme-700 { stroke: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.7); }
.stroke-theme-800 { stroke: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.8); }
.stroke-theme-900 { stroke: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.9); }
.stroke-theme { stroke: rgb(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b)); }

/* ===== CORES PARA SVG (FILL) ===== */
.fill-theme-50 { fill: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.05); }
.fill-theme-100 { fill: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.1); }
.fill-theme-200 { fill: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.2); }
.fill-theme-300 { fill: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.3); }
.fill-theme-400 { fill: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.4); }
.fill-theme-500 { fill: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.5); }
.fill-theme-600 { fill: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.6); }
.fill-theme-700 { fill: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.7); }
.fill-theme-800 { fill: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.8); }
.fill-theme-900 { fill: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.9); }
.fill-theme { fill: rgb(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b)); }


@keyframes marquee-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - 12px));
    }
}

@keyframes marquee-right {
    from {
        transform: translateX(calc(-50% - 12px));
    }

    to {
        transform: translateX(0);
    }
}

.marquee-track {
    width: max-content;
    display: flex;
    gap: 24px;
}

.marquee-left {
    animation: marquee-left 30s linear infinite;
}

.marquee-right {
    animation: marquee-right 30s linear infinite;
}

.carousel-container:hover .marquee-left,
.carousel-container:hover .marquee-right {
    animation-play-state: paused;
}