:root {
    --primary: #488BB6;
    --primary-dark: #396381;
    --primary-light: #5783A1;
    --foreground: #575756;
    --background: #ffffff;
    --muted: #f4f4f2;
    --muted-foreground: #888887;
    --border: #e8e8e6;
    --accent: #eaf3f9;
    --accent-foreground: #575756;
    --red: #E3000F;
    --radius: 0px;
    --brand-rgb: 72, 139, 182;
    --brand-overlay-strong: rgba(72, 139, 182, 0.82);
    --brand-overlay-left-strong: rgba(72, 139, 182, 0.6);
    --brand-overlay-left-soft: rgba(72, 139, 182, 0.3);
    --brand-focus-ring: rgba(72, 139, 182, 0.12);
    --footer-icon-color: #8fb4d1;
    --footer-heading-color: #585856;
    --footer-social-color: #9a9a98;
    --footer-social-hover: #585856;
    --ncd-learn-more-color: #1b3a5c;
}

.obj-overlay {
    background: linear-gradient( to right, var(--brand-overlay-left-strong) 0%, var(--brand-overlay-left-soft) 50%, transparent 100% );
}

.pub-hover-overlay {
    background: var(--brand-overlay-strong);
}

.form-input:focus,
.form-textarea:focus {
    box-shadow: 0 0 0 3px var(--brand-focus-ring);
}

.footer-contact-icon {
    color: var(--footer-icon-color);
}

.footer-heading {
    color: var(--footer-heading-color);
}

.footer-social-link {
    color: var(--footer-social-color);
}

    .footer-social-link:hover {
        color: var(--footer-social-hover);
        border-color: var(--footer-social-hover);
        background: white;
    }

.ncd-learn-more span {
    color: var(--ncd-learn-more-color);
}