/* Drop-in typography layer for aiputtogood.com.
   Load this after the existing site.css. It does not change the site layout,
   Figtree body family, headings, controls, navigation, captions, or status text. */

@font-face {
  font-family: "BMMB Fraunces";
  src: url("fonts/Fraunces-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "BMMB Fraunces";
  src: url("fonts/Fraunces-Italic-Variable-latin.woff2") format("woff2");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

/* Reading prose stays justified on desktop and mobile. Short interface copy,
   live-region messages, and deliberately ragged exceptions keep their own
   alignment. Keep complete words together; wrap at normal word boundaries. */
main p:not(:where(
  .byline,
  .statement-label,
  .form-note,
  .status,
  .nojs,
  .iris-export-status,
  .text-ragged,
  [role="status"],
  [aria-live]
)),
main .prose li:not(.text-ragged) {
  text-align: justify;
  text-align-last: start;
  text-justify: inter-word;
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}

main .text-ragged {
  text-align: start;
  text-align-last: auto;
  -webkit-hyphens: none;
  hyphens: none;
}

/* Live-text BuildMeMyBrand wordmark. Its size follows the surrounding heading
   or text role. The wbr emitted by brand_text.py gives high zoom and narrow
   layouts a controlled break before “MyBrand” without changing the name. */
.bmmb-wordmark {
  color: #f3ecdd;
  font-family: "BMMB Fraunces", "Iowan Old Style", Georgia, serif;
  font-size: inherit;
  font-style: normal;
  font-weight: 500;
  font-synthesis: none;
  font-optical-sizing: none;
  font-variation-settings: "wght" 500, "opsz" 48;
  font-feature-settings: "kern" 1, "liga" 1;
  letter-spacing: -0.01em;
  line-height: inherit;
  white-space: normal;
  word-break: normal;
}

.bmmb-wordmark__accent {
  color: #f2b441;
  font-family: "BMMB Fraunces", "Iowan Old Style", Georgia, serif;
  font-style: italic;
  font-variation-settings: "wght" 500, "opsz" 48;
  margin-inline-end: 0.03em;
}

.dawn .bmmb-wordmark,
.bmmb-wordmark--light {
  color: #1e1a2b;
}

.dawn .bmmb-wordmark__accent,
.bmmb-wordmark--light .bmmb-wordmark__accent {
  color: #87590a;
}