/* Theme overrides for vars.css. Load after the base variables. */

:root {
    /* Brand and page surfaces */
    --albumtag: #f0404b;
    --topBGcolors: #ffffff;
    --top-nav-hover-color: #7c7c7c;
    --footerBGcolors: #262626;
    --cardtitle: #ffffff;
    --block-bg: #fafafa;
    --brand-pink: #d53b91;
    --link-color: #0B769B;
    --link: #0B769B;
    --linkHover: #2384A5;
    --fm-grey: #fefefe;
    --purple: #c514b4;
    --purple-transparent-40: rgba(197, 20, 180, .4);
    /* Sidebar navigation */
    --sidebar-divider: #dce3e9;
    --sidebar-link: #203b54;
    --sidebar-hover-bg: #eef3f7;
    --sidebar-hover-text: #142d45;
    --sidebar-focus: #c95426;
    --sidebar-active-bg: #eef3f7;
    --sidebar-active-text: #7ec9ba;
    --sidebar-active-border: #7ec9ba;
    /* Text page */
    --content-heading: #1b304b;
    --content-text: #273b4e;
    --content-link: #0B769B;
    --content-link-hover: #085974;
    /* Navigation and carousel */
    --nav-accent: #7c7c7c;
    --nav-hover-bg: rgba(255, 255, 255, .12);
    --carousel-caption-bg: rgba(0, 0, 0, .65);
    /* Search */
    --searchBg: #0B769B;
    --topnavigation: #000000;
    /* Shared colors */
    --custom-black: #000;
    --custom-white: #fff;
    --custom-transparent: transparent;
    /* Footer */
    --footer-gradient-start: #7a7a7a;
    --footer-gradient-end: #7a7a7a;
    --footer-divider: rgb(255 255 255 / 12%);
    /* Secondary buttons */
    --button-secondary-bg: #d9d9d9;
    /* Navigation actions */
    --action-shadow: rgb(37 99 235 / 18%);
    --action-hover-shadow: rgb(37 99 235 / 26%);
    --search-toggle-bg: #eff6ff;
    --search-toggle-border: #dbeafe;
    --search-toggle-hover-border: #bfdbfe;
    /* Carousel caption panel */
    --caption-panel-text: #172230;
    --caption-panel-bg: rgba(255, 255, 255, 0.92);
    --caption-panel-border: rgba(255, 255, 255, 0.65);
    --caption-panel-shadow: rgba(15, 23, 42, 0.16);
    --caption-panel-muted: #526071;
    --caption-button-hover-bg: #2e425a;
    --caption-button-hover-shadow: rgba(15, 23, 42, 0.2);
    --caption-button-focus: #2563eb;
    /* Contact cards */
    --contact-card-text: #263445;
    --contact-card-name: #172638;
    --contact-card-role-bg: #edf3f8;
    --contact-card-role-text: #476783;
    --contact-card-link: #315d82;
    --contact-card-link-hover: #142f48;
    --contact-card-phone: #475569;
    --contact-card-divider: #e3eaf0;
    /* Event rows */
    --event-border: #e5eaf0;
    --event-shadow: rgb(20 40 60 / 4%);
    --event-hover-border: #bccfdd;
    --event-hover-shadow: rgb(20 40 60 / 8%);
    --event-date-bg: #eef5f8;
    --event-heading: #203345;
    --event-description: #647484;
    /* Content link overrides */
    --content-link-fallback: #0b769b;
    --content-link-custom-hover: #085975;
    --content-link-highlight-bg: #edf7fa;
}

/* Component color variables retain their original selector scope. */

.mbr-text:has(> .footertext) {
    --footer-accent: #78dc99;
    --footer-text: #f5f5f7;
    --footer-muted: #b7bbc4;
}

.navbar {
    --action-color: #0B769B;
    --action-hover: #2384A5;
}

.row.post-info {
    --event-accent: #f0404b;
}

main.col-12.col-sm-9 {
    --text-color: #374151;
    --heading-color: #172334;
    --accent-color: #7ec9ba;
}