/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

.navbar-meraki {
    background-color: #143052;
}

.sidebar .nav-link.active {
    background-color: #143052;
    color: #fff;
    font-weight: 600;
}

.btn .btn-primary {
    background-color: #143052;
    color: #143052;
}

.gradient-text {
    background: linear-gradient(
            90deg,
            #4f8cff,
            #8b5cf6,
            #22d3ee
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 0 18px rgba(124, 92, 255, 0.25);
}

/* Turbo progress bar color */
.turbo-progress-bar {
    height: 3px; /* optional */
    background: linear-gradient(
            90deg,
            rgb(255, 0, 0),
            rgb(255, 255, 0),
            rgb(0, 255, 0),
            rgb(0, 255, 255),
            rgb(0, 0, 255),
            rgb(255, 0, 255),
            rgb(255, 0, 0)
    );
    background-size: 300% 100%;
    animation: turbo-rgb 1s linear infinite;
}

@keyframes turbo-rgb {
    0%   { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}