/* WCA eCommerce Solutions Brand Colors */
:root {
    /* Primary brand colors */
    --wca-orange: #ea5b0c;
    --wca-orange-light: #E4782D;
    --wca-burgundy: #761e2b;
    --wca-gold: #FC0;
    
    /* Semantic colors */
    --primary: #ea5b0c;
    --primary-hover: #d14f0a;
    --primary-light: #E4782D;
    --accent: #ea5b0c;
    --accent-hover: #d14f0a;
    
    /* Neutral palette (keep existing grays) */
    --text-main: #111827;
    --text-muted: #6b7280;
    --bg-light: #f9fafb;
    --border-light: #e5e7eb;
}

/* Override Tailwind/custom orange with WCA brand orange */
.bg-orange-500 { background-color: var(--wca-orange) !important; }
.bg-orange-600 { background-color: var(--wca-orange) !important; }
.hover\:bg-orange-600:hover { background-color: #d14f0a !important; }
.text-orange-500 { color: var(--wca-orange) !important; }
.border-orange-500 { border-color: var(--wca-orange) !important; }

.bg-accent { background-color: var(--wca-orange) !important; }
.hover\:bg-orange-600:hover { background-color: var(--wca-burgundy) !important; }

/* Icon badge backgrounds */
.bg-orange-50 { background-color: rgba(234, 91, 12, 0.1) !important; }

/* Primary buttons */
button.bg-orange-500,
a.bg-orange-500,
.btn-primary {
    background-color: var(--wca-orange);
    transition: background-color 0.2s;
}

button.bg-orange-500:hover,
a.bg-orange-500:hover,
.btn-primary:hover {
    background-color: var(--wca-burgundy);
}

/* Progress bars, charts */
.bg-primary { background-color: var(--wca-orange) !important; }

/* Gradient backgrounds (hero section) */
.from-orange-50 { --tw-gradient-from: rgba(234, 91, 12, 0.05) !important; }
.via-orange-50 { --tw-gradient-via: rgba(234, 91, 12, 0.08) !important; }
.to-yellow-50 { --tw-gradient-to: rgba(255, 204, 0, 0.05) !important; }

/* KPI pill hover accent */
.hover\:border-gray-200:hover {
    border-color: rgba(234, 91, 12, 0.2) !important;
}

/* Chart colors (for Chart.js) */
.chart-primary { background-color: var(--wca-orange); }
.chart-secondary { background-color: var(--wca-burgundy); }
.chart-accent { background-color: var(--wca-gold); }