
/* Cores do Tema - Gerado Dinamicamente */
:root {
    --theme-primary: #f7020f;
    --theme-secondary: #080808;
    --theme-accent: #ffc107;
    --theme-text: #212529;
    --theme-bg: #ffffff;
}

/* Aplicação das cores */
.btn-primary,
.bg-primary {
    background-color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #de010d !important;
    border-color: #de010d !important;
    color: #ffffff !important;
}

.text-primary {
    color: var(--theme-primary) !important;
}

.btn-outline-primary {
    color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
}

.btn-outline-primary:hover {
    background-color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
    color: #ffffff !important;
}

.btn-secondary,
.bg-secondary {
    background-color: var(--theme-secondary) !important;
    border-color: var(--theme-secondary) !important;
}

.text-secondary {
    color: var(--theme-secondary) !important;
}

.badge-featured {
    background-color: var(--theme-accent) !important;
    color: #000 !important;
}

body {
    color: var(--theme-text);
    background-color: var(--theme-bg);
}

.navbar-brand,
.nav-link.active {
    color: var(--theme-primary) !important;
}

.vehicle-price {
    color: var(--theme-primary);
}

/* Page Header com gradiente do tema para preto */
.page-header {
    background: linear-gradient(90deg, var(--theme-primary) 0%, var(--theme-primary) 60%, #000000 100%) !important;
}

.page-header::before {
    background: linear-gradient(90deg, var(--theme-primary) 0%, var(--theme-primary) 50%, rgba(0, 0, 0, 0.8) 80%, #000000 100%) !important;
}

/* CTA Section também usa o gradiente do tema */
.cta-section {
    background: linear-gradient(90deg, var(--theme-primary) 0%, var(--theme-primary) 60%, #000000 100%) !important;
}

.cta-section::before {
    background: linear-gradient(90deg, var(--theme-primary) 0%, var(--theme-primary) 50%, rgba(0, 0, 0, 0.8) 80%, #000000 100%) !important;
}

