/* Global Mine brand system — supplied final logo and requested palette. */
:root {
  --ink: #0B5844;
  --charcoal: #084838;
  --gold: #B88A2B;
  --warm: #B88A2B;
  --paper: #FAF9F6;
  --stone: #DDD8CE;
  --site-dark: #0B5844;
  --site-muted: #52655f;
  --site-line: #dfe4e0;
}

body { background: var(--paper); color: #28483f; }
main h1,
main h2,
main h3,
dialog h2 { color: #0B5844; }

/* Official supplied wordmark. */
.brand { flex: 0 0 auto; line-height: 1; }
.brand-logo { display: block; width: 206px; height: auto; object-fit: contain; }
footer .brand-logo { width: 198px; }

/* Gold is the primary action and accent colour. */
.gold { background: #B88A2B; color: #fff; }
.gold:hover { background: #966f22; }
.header-cta { border-color: #B88A2B; }
.header-cta span,
.hero-bottom i,
.country-link b,
.section-top .eyebrow,
.service-copy .eyebrow,
.project > .eyebrow { color: #B88A2B; }
.text-link { border-bottom-color: #B88A2B; }
.section-top::after { background: #B88A2B55; }
.about-image::before { background: #B88A2B; }
a:focus-visible,
button:focus-visible,
summary:focus-visible { outline-color: #B88A2B; }

/* Clean neutrals and dark-green structural surfaces. */
.services,
.team-section,
.ohs-soft,
.ohs-emergency,
.ohs-compliance { background: #F4F4F1; }
.operations,
.projects,
.contact,
.site-hero,
.member-hero,
.profile-hero,
.ceo-hero,
.visits,
.ohs-dark,
.ohs-health,
.ohs-kpi,
.home-banner { background-color: #0B5844; }
header.solid,
nav details .dropdown { background: #0B5844; }
.contact-intro {
  background: linear-gradient(90deg, #0B5844ed, #0B584485), url('assets/sudan.jpg') center 60% / cover;
}

/* Headings on dark-green and photographic surfaces remain legible. */
.hero h1,
.operations h2,
.country h3,
.projects h2,
.project h3,
.contact h2,
.site-hero h1,
.member-hero h1,
.member-hero h2,
.profile-hero h1,
.ceo-hero h1,
.visit h2,
.ohs-hero h1,
.ohs-dark h2,
.ohs-dark h3,
.ohs-health h2,
.ohs-health h3,
.ohs-kpi h2,
.ohs-kpi h3,
.home-banner h2,
.leadership-profile h3 { color: #fff; }
.hero h1 em,
.site-hero h1 em,
.member-hero h1 em,
.ceo-hero h1 em,
.ohs-hero h1 em,
.home-banner h2 em { color: #D8B75F; }

.footer-grid h4,
.contact-intro > .eyebrow,
.ohs-dark .eyebrow,
.ohs-health .eyebrow,
.ohs-kpi .eyebrow,
.visit-headline .eyebrow,
.ceo-hero-copy .eyebrow { color: #D8B75F; }

/* Replace legacy brown accent shades with the single primary gold. */
.safety-no,
.profile-label,
.profile-content .eyebrow,
.member-role,
.team-education span,
.credential-meta,
.ohs-icon,
.ohs-flow span,
.ppe-list span,
.compliance-layers span,
.kpi-grid span,
.environment-bands strong,
.ceo-signoff-role { color: #8a651b; }

dialog a { color: #745714; }

@media (max-width: 760px) {
  .brand-logo { width: 178px; }
  nav { background: #0B5844; }
}

/* Contrast corrections. The accent gold #B88A2B stays on fills, borders and
   marks; where gold or grey is used as TEXT it shifts to a lighter tint on the
   dark-green surfaces and a deeper tint on the light neutrals, so every
   foreground/background pair clears WCAG AA. */
:root {
  --warm: #E4C77E;
  --gold-on-dark: #E4C77E;
  --gold-on-light: #7A5A16;
  --text-on-dark: #D5DBD8;
  --text-on-light: #4B5A55;
}
.gold { background: #B88A2B; color: #101419; }
.gold:hover { background: #C99C35; color: #101419; }
.section-top .eyebrow,
.service-copy .eyebrow,
.service-no,
.type-grid .eyebrow,
.detail-block .eyebrow,
.form-heading .eyebrow,
.project-sources > .eyebrow,
.ohs-reporting .eyebrow,
.ohs-environment .eyebrow { color: var(--gold-on-light); }
.operations .section-top .eyebrow,
.projects .section-top .eyebrow,
.contact-intro > .eyebrow,
.footer-grid h4,
.hero-bottom i,
.country-link b,
.project > .eyebrow,
.listing .project .eyebrow,
.kpi-grid span,
.ohs-dark .eyebrow,
.ohs-health .eyebrow,
.ohs-kpi .eyebrow,
.ceo-portrait span,
nav [aria-current=page],
nav a:hover,
nav .current-group summary,
.dropdown a > span { color: var(--gold-on-dark); }
.footer-brand p,
.footer-grid a,
.footer-bottom span,
.footer-bottom a,
.footer-bottom button,
#filter-status,
.listing .project p,
.kpi-disclaimer,
.home-banner-copy p { color: var(--text-on-dark); }
.about-grid p,
.service-copy p,
.intro-copy,
.type-grid article > p + p,
.profile-sources summary { color: var(--text-on-light); }
/* Specificity matches the base rules these override. */
.footer-grid > div > a:not(.brand),
.footer-grid p,
.footer-bottom,
.footer-bottom button { color: var(--text-on-dark); }
.project > p:not(.eyebrow),
.home-banner-actions > span { color: var(--text-on-dark); }
.about-copy > p,
.service-copy > p:not(.eyebrow),
.contact-intro > p:not(.eyebrow) { color: var(--text-on-light); }
.contact-intro > p:not(.eyebrow) { color: #dfe6e3; }
.service-copy .eyebrow { color: var(--gold-on-light); }
.visit-headline .eyebrow,
.footer-grid h4,
.member-hero .member-role { color: var(--gold-on-dark); }
.ceo-hero-copy .eyebrow,
.ohs-dark .eyebrow,
.ohs-health .eyebrow,
.ohs-kpi .eyebrow,
.contact-intro > .eyebrow { color: var(--gold-on-dark); }