@import url("brand/palette.css");

:root {
    --button-bg: var(--fn-blue);
    --default-button-bg: var(--fn-blue);
    --button-hover-bg: var(--fn-deep-blue);
    --default-button-hover-bg: var(--fn-deep-blue);
}
#header {
    --accent: var(--fn-heading);
    --header-bg: #f5f5f6;
    --header-color: var(--fn-ink);
    --header-link-color: var(--fn-deep-blue);
    --header-branding-color: var(--fn-heading);
    background: var(--header-bg);
    color: var(--header-color);
    border-bottom: 1px solid #e1e5ec;
}
#site-name a { display: flex; align-items: center; gap: 18px; color: var(--header-branding-color); font-size: 18px; }
#site-name img { width: 126px; height: auto; }
.module caption, .module > h2, div.breadcrumbs { background: var(--fn-heading); color: white; }