/*
 * DGA typography/color alignment for the homepage leadership quote block
 * (components/blockquote.blade.php) -- this component previously had no
 * dga-* classes at all, just raw Tailwind sizing (text-2xl, font-bold,
 * text-base). Reuses the same name/role token pairing already
 * established on the Ministers Resume page (dga-member-page.css:
 * --text-display for the name, --text-primary for the role) so both
 * "person" treatments stay consistent sitewide, rather than inventing a
 * separate color scheme just for this block. Buttons are unaffected --
 * they already pick up DGA styling via the shared button component.
 */
.dga-quote__content {
  font-family: var(--font-family-arabic);
  /* Client report: this reads as too heavy/bold. Root cause: the field
     holds a full multi-sentence bio paragraph (5+ sentences), but was
     styled at --font-size-display-xs (24px) / --font-weight-semibold /
     --text-display (the darkest token, meant for short headings) --
     appropriate for a one-line pull-quote, not a long paragraph. Body-
     paragraph sizing/weight reads far more comfortably at this length,
     matching the same --text-primary-paragraph token used for body copy
     elsewhere on the site (dga-content-text, etc). */
  font-size: var(--font-size-text-xl);
  line-height: var(--line-height-text-xl);
  font-weight: var(--font-weight-regular);
  color: var(--text-primary-paragraph);
}

.dga-quote__person {
  font-family: var(--font-family-arabic);
  font-size: var(--font-size-text-lg);
  line-height: var(--line-height-text-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-display);
}

.dga-quote__role {
  font-family: var(--font-family-arabic);
  font-size: var(--font-size-text-md);
  line-height: var(--line-height-text-md);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}