:root {
    /* Brand Colors (Velocity Air) */
    --brand-primary: #02027c;       /* Velocity Blue */
    --brand-secondary: #fd5d09;     /* Velocity Orange */
    --brand-dark-blue: #01014d;     /* Dark Blue */
    --brand-yellow: #ffc107;        /* Yellow */
    --brand-mustard: #f3e5ab;       /* Mustard */
    --brand-grey-bg: #f8f9fa;       /* Light Grey BG */
    --brand-text: #333333;          /* Dark Text */
    --brand-white: #ffffff;
    
    /* Bootstrap Overrides */
    --bs-primary: var(--brand-primary);
    --bs-secondary: var(--brand-secondary);
    --bs-body-color: var(--brand-text);
    --bs-body-bg: var(--brand-white);
    
    /* Font Families */
    --font-primary: 'Inter', system-ui, -apple-system, sans-serif;
    --font-heading: 'Montserrat', sans-serif;
}

body {
    font-family: var(--font-primary);
    color: var(--brand-text);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 700;
    color: var(--brand-primary);
}

.bg-primary { background-color: var(--brand-primary) !important; }
.text-primary { color: var(--brand-primary) !important; }

.bg-secondary { background-color: var(--brand-secondary) !important; }
.text-secondary { color: var(--brand-secondary) !important; }

.btn-primary {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
    text-transform: uppercase;
    font-weight: 700;
}
.btn-primary:hover {
    background-color: var(--brand-secondary);
    border-color: var(--brand-secondary);
}

.btn-secondary {
    background-color: var(--brand-secondary);
    border-color: var(--brand-secondary);
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}
.btn-secondary:hover {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

/* Service Area Links */
.service-area-link {
    display: block;
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: var(--brand-primary);
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    transition: all 0.3s ease;
}
.service-area-link:hover {
    background: var(--brand-secondary);
    color: #fff;
    border-color: var(--brand-secondary);
}