/* Brand feedback, 28 October 2026: teal palette, landscape logo and bold titles.
 * Body typography, casing and navigation behaviour remain in their own styles.
 */
@font-face {
    font-family: 'OICP GT Walsheim Heading';
    src: url('../fonts/GT-Walsheim-Bold.woff2') format('woff2'),
         url('../fonts/GT-Walsheim-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --oicp-brand-teal: #008486;
    --oicp-brand-action: #167378;
    --oicp-brand-hover: #007072;
}

/* Preserve the existing page tokens while replacing their purple accents. */
body[class] {
    --home-pink: var(--oicp-brand-action);
    --about-pink: var(--oicp-brand-action);
    --fund-pink: var(--oicp-brand-action);
    --section-pink: var(--oicp-brand-action);
    --news-pink: var(--oicp-brand-action);
    --search-pink: var(--oicp-brand-action);
    --people-pink: var(--oicp-brand-action);
    --story-pink: var(--oicp-brand-action);
}
body #oicp-header { --nav-pink: var(--oicp-brand-action); }
body #page .oicp-news { --pink: var(--oicp-brand-action); }

a:hover, a:focus { color: var(--oicp-brand-action); border-color: var(--oicp-brand-action); }
.tetractysTS_tweetHashtag, .tetractysTS_tweetAuthor, .tetractysTS_tweetLink { color: var(--oicp-brand-action); }
.donate-menu-item { background-color: var(--oicp-brand-action); }
.circle-pink-cta img { border-color: var(--oicp-brand-action); }
.tetractys-highlight { color: var(--oicp-brand-action); }

body #page :is(.oicp-home-button, .oicp-about-button, .oicp-fundraise-button, .oicp-section-button):hover,
body #oicp-header .oicp-nav-donate:hover,
body #page .wpcf7 input[type=submit]:hover,
body #page .oicp-news__form button[type=submit]:hover,
body #page .oicp-search-field button:hover { background: var(--oicp-brand-hover) !important; }

body.oicp-people-layout .oicp-people-grid a:hover,
body.oicp-story-layout #tetractys-page a:hover { color: var(--oicp-brand-hover); }
body.oicp-story-layout .oicp-story-copy blockquote { border-left-color: var(--oicp-brand-teal); background: #edf5f3; }

/* Use the real upright bold face, without changing the paragraph font or weight. */
body #page #main :is(h1, h2, h3, h4, h5, h6),
body #page #site-footer :is(h2, h3, h4) {
    font-family: 'OICP GT Walsheim Heading', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 700 !important;
}
body #page #main :is(h1, h2),
body #page #site-footer .oicp-footer-intro h2 { letter-spacing: -.015em; }

body #page #main :is(.oicp-home-hero-copy, .oicp-about-hero-copy, .oicp-fundraise-hero-copy) h1 em {
    color: var(--oicp-brand-teal);
}

/* Keep the roof and project name legible within the existing header. */
body #oicp-header .oicp-brand { flex: 0 1 280px; min-width: 0; }
body #oicp-header .oicp-brand img { width: 280px; height: auto; max-width: 100%; }
@media (max-width: 1080px) {
    body #oicp-header .oicp-brand { flex-basis: 230px; max-width: calc(100% - 120px); }
    body #oicp-header .oicp-brand img { width: 230px; }
}