/*
 * Brand Override CSS
 * This file overrides the default theme styles
 * Add your custom brand colors and styles here
 */

:root {
    /* Override default brand colors */
    --brand-primary: #fff;
    --brand-secondary: #027ac9;
    --brand-accent: #027ac9;
    
    /* Override other colors if needed */
    --color-navy: #027ac9;
    
    /* Override button radius - makes all buttons rounded */
    --button-radius: 5px;
    --border-radius-sm: 5px;
    --border-radius-md: 5px;

    --button-color: var(--brand-secondary);
    --button-hover-color: var(--brand-secondary);
    --button-text-color: var(--color-white);
    --button-radius: var(--border-radius-sm);
}

/* Additional brand-specific styles */
.brand-override #masthead {
    background: var(--brand-primary);
}

.brand-override .secondary-header {
    background-color: var(--brand-secondary);
}