/* Velocity Air Conditioning - Brand Styles */
/* CSS Variables are controlled by WordPress Customizer */

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

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

h1 { font-size: var(--font-h1); }
h2 { font-size: var(--font-h2); }

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

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

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

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

.btn-primary:hover {
    background-color: var(--brand-accent);
    border-color: var(--brand-accent);
    color: #fff;
}

.btn-cta {
    background-color: var(--brand-cta);
    border-color: var(--brand-cta);
    color: #fff;
    font-weight: 700;
}

.btn-cta:hover {
    background-color: color-mix(in srgb, var(--brand-cta) 85%, black);
    border-color: color-mix(in srgb, var(--brand-cta) 85%, black);
    color: #fff;
}

.btn-secondary {
    background-color: var(--brand-accent);
    border-color: var(--brand-accent);
    color: #fff;
}

.btn-secondary:hover {
    background-color: color-mix(in srgb, var(--brand-accent) 85%, black);
    border-color: color-mix(in srgb, var(--brand-accent) 85%, black);
}

.navbar {
    background-color: #fff;
}

.navbar-nav .nav-link {
    color: var(--brand-text);
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: var(--brand-primary);
}

.site-footer {
    background-color: var(--footer-bg);
}

.top-bar {
    background-color: var(--topbar-bg);
}