/* Pilgrim Plumbing & Heating — brand design system */
:root {
    --brand-navy: #1a2b3c;
    --brand-navy-dark: #0f1a26;
    --brand-orange: #e87722;
    --brand-orange-dark: #c96518;
    --brand-cream: #f7f6f3;
    --brand-white: #ffffff;
    --brand-gray: #5c6570;

    --brand-blue: var(--brand-navy);
    --brand-blue-dark: var(--brand-navy-dark);
    --brand-gold: var(--brand-orange);
    --brand-gold-dark: var(--brand-orange-dark);

    /* Same typeface as logo */
    --font-brand: 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;
    --font-weight-logo: 800;
    --font-weight-heading: 700;
    --font-weight-body: 400;
    --font-weight-medium: 600;
    --letter-spacing-logo: 0.06em;
    --letter-spacing-caps: 0.12em;
}

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

h1, h2, h3, h4, h5, h6,
.pilgrim-serif {
    font-family: var(--font-brand);
    font-weight: var(--font-weight-heading);
    color: var(--brand-navy);
    letter-spacing: 0.02em;
}

h1 {
    font-weight: var(--font-weight-logo);
    letter-spacing: var(--letter-spacing-logo);
}

.btn-primary {
    background-color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
    font-family: var(--font-brand);
}

.btn-primary:hover {
    background-color: var(--brand-navy-dark) !important;
}

.btn-warning, .btn-orange {
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
    color: var(--brand-white) !important;
    font-weight: 700 !important;
    font-family: var(--font-brand);
}

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

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

a {
    color: var(--brand-navy);
}

a:hover {
    color: var(--brand-orange);
}