/* =========================================================================
   Choice Surrogacy — Shared Brand Typography (SCOPED, opt-in)
   =========================================================================
   Fonts & sizes only. Add class="choice-ds" to a module's outer wrapper
   (or any section) to apply the brand fonts and sizes below.

   SCOPING
   Every selector is prefixed with `.choice-ds`, so nothing on the page is
   affected unless it lives inside an element carrying that class (i.e. this
   plugin's own modules). Uploading the plugin never restyles the host site.

   FONTS
   `ivypresto-display` and `proxima-nova` load via Adobe Typekit on the live
   site, with system fallbacks (serif / Arial) so text still looks correct
   anywhere the plugin is installed.

   UNITS
   The live theme sets html { font-size: 10px }, so sizes use px, never rem.
   ========================================================================= */

/* ---- base body font ---- */
.choice-ds {
  font-family: proxima-nova, Arial, Helvetica, sans-serif;
}

/* ---- headings ---- */
.choice-ds h1,
.choice-ds h2,
.choice-ds h3,
.choice-ds h4,
.choice-ds h5,
.choice-ds h6 {
  font-family: ivypresto-display, Georgia, "Times New Roman", serif;
}

.choice-ds h1 { font-size: 50px; font-weight: 400; }
.choice-ds h2 { font-size: 40px; font-weight: 300; }
.choice-ds h3 { font-size: 30px; font-weight: 300; }
.choice-ds h4 { font-size: 24px; font-weight: 300; }
.choice-ds h5 { font-size: 20px; font-weight: 300; }
.choice-ds h6 { font-size: 16px; font-weight: 300; }

/* ---- body copy ---- */
.choice-ds p {
  font-family: proxima-nova, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.choice-ds .sub-h1 {
  font-family: proxima-nova, Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
}