/* ════════════════════════════════════════════════════════════════
   IYT brand layer — Improve Your Team
   Loaded AFTER site.css / site-extra.css so these :root redefinitions
   win and re-skin the whole (lifted TWG) theme to the IYT palette.
   ════════════════════════════════════════════════════════════════ */
:root{
  --navy:#293335;        /* charcoal — headings, footer, dark buttons */
  --gold:#C4391D;        /* terracotta — accent + CTA */
  --cream:#EFE4DE;       /* warm blush tint for light blocks */
  --warm-white:#FBFAF8;  /* paper */
  --cerulean:#C4391D;    /* in-article links -> terracotta */
  --text-primary:#1B2123;
  --text-secondary:#4a5658;
  --text-light:#8a9499;
}
::selection{background:#EDD8D1;color:#293335}

/* Where TWG put navy text on a gold button, terracotta needs white text */
.btn-gold,.newsletter-form button,.lead-form button{color:#fff !important}
.btn-gold:hover,.newsletter-form button:hover,.lead-form button:hover{background:#9B2D17 !important}
.btn-p:hover,.nav-cta:hover{color:#fff !important}

/* Accent hovers/active read as terracotta on the light nav (fine for contrast) */
.nav-links a.active{color:var(--gold)}

/* Author-bio avatar: terracotta initials on charcoal is low-contrast -> use blush */
.bio-avatar{color:#EDD8D1}

/* Brand wordmark accent (the "Your Team" half) */
.nav-logo span,.footer-brand span{color:var(--gold);font-weight:300}