/* Syncfusion fluent2 overrides — align primary color to brand accent + gold focus rings. */

:root,
.e-control {
    --e-primary:               #405908;
    --e-primary-hover-bg:      #2C4001;
    --e-primary-active-bg:     #2C4001;
    --e-primary-color:         #FFFFFF;
    --e-color-primary:         #405908;
    --e-bg-color:              #FFFFFF;
    --e-text-color:            #1E2601;
    --e-text-color-secondary:  #4A5236;
    --e-border-color:          rgba(30, 38, 1, 0.20);
    --e-focus-ring-color:      #A67F38;
}

/* Buttons: lift our gold focus ring to all Syncfusion buttons */
.e-btn:focus-visible,
.e-btn:focus {
    outline: 2px solid #A67F38 !important;
    outline-offset: 2px;
}

/* Primary button styling */
.e-btn.e-primary {
    background-color: #405908 !important;
    border-color: #405908 !important;
    color: #FFFFFF !important;
}
.e-btn.e-primary:hover {
    background-color: #2C4001 !important;
    border-color: #2C4001 !important;
}

/* Switch (used on wishlist) */
.e-switch-on .e-switch-inner { background: #405908 !important; border-color: #405908 !important; }

/* Chart axis colors */
.e-chart .e-axis-label,
.e-chart .e-axis-line { fill: #4A5236 !important; }