/**
 * Brand colors for #104836 — edit this file on the server; no npm build needed.
 * Loaded after the compiled app CSS so these values win.
 */
:root {
    --primary: 16 72 54;
    --primary-light: 228 241 236;
    --primary-slate: 240 247 244;
    /* Loading spinner (vue-element-loading); change this hex to match your brand */
    --loading-color: #104836;
}

/* Shadows that may still use old orange RGB in an older public/build */
.shadow-indicate {
    box-shadow: 0px 2px 6px rgba(16, 72, 54, 0.46) !important;
}
.shadow-cart {
    box-shadow: 0px 6px 10px rgba(16, 72, 54, 0.34) !important;
}
.shadow-btn-primary {
    box-shadow: 0px 8px 15px rgba(16, 72, 54, 0.18) !important;
}

.profile-tabBtn.active {
    box-shadow: 0px 6px 10px rgba(16, 72, 54, 0.24) !important;
}

/* Active profile tab background if old peach is baked into bundle */
.profile-link.router-link-active {
    background-color: rgb(240 247 244) !important;
}

/**
 * vue-element-loading spinners — beats inline fill on SVG without npm rebuild
 */
.velmld-spinner svg rect,
.velmld-spinner svg path,
.velmld-spinner svg circle {
    fill: var(--loading-color) !important;
}
.velmld-spinner svg[fill] {
    fill: var(--loading-color) !important;
}