@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@500;600;700;800&family=Roboto:wght@400;500;600;700&display=swap');

/* AAFP/FAFP-inspired type system. Keep the existing FMIG color palette and layout. */
:root{
  --font-body:"Roboto",Arial,"Helvetica Neue",Helvetica,sans-serif;
  --font-display:"Roboto Condensed","Arial Narrow",Arial,sans-serif;
}

body,
.btn,
.fmig-form input[type=text],
.fmig-form input[type=email],
.fmig-form input[type=tel],
.fmig-form select,
.fmig-form textarea{
  font-family:var(--font-body);
}

h1,h2,h3,
.brand,
.eyebrow,.mini,
nav a,
.btn,
.big-number,
.case-label,
.group-label,
.fmig-form label,
.resource-links a{
  font-family:var(--font-display);
}

.brand{
  font-weight:800;
  letter-spacing:-.02em;
}

nav a,
.btn{
  letter-spacing:.01em;
}

h1{
  font-weight:700;
  letter-spacing:-.035em;
}

.section-title,
.page-hero h1{
  letter-spacing:-.025em;
}

.card h2,.card h3,
.hero-card h2,
.plain-box h3,
.metric h3,
.join-box h2{
  font-weight:700;
}

.eyebrow,.mini,.case-label{
  font-weight:700;
  letter-spacing:.11em;
}

/* Small visual cue for opportunity cards that represent a pathway rather than an event. */
.pathway-card{
  border-top:4px solid var(--orange);
}
.pathway-card .tag{
  margin-bottom:10px;
}
.pathway-card .actions{
  margin-top:16px;
}