/*
 * DGA styling for the homepage/content "Statistics" block
 * (components/statistics.blade.php) -- this component had no dga-*
 * classes at all previously, just raw Tailwind (h3, h2, plain text
 * sizes). Heading/description reuse the same .dga-content-heading /
 * .dga-content-text classes already established in dga-content-page.css
 * (including their existing .text-white override for dark/pattern-black
 * backgrounds, which this section uses) rather than duplicating that
 * logic here.
 */
.dga-stat__number {
  font-family: var(--font-family-arabic);
  font-size: var(--font-size-display-md);
  line-height: var(--line-height-display-md);
  font-weight: var(--font-weight-bold);
  color: var(--text-display);
}

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

.dga-stat__title {
  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-medium);
  color: var(--text-primary-paragraph);
}

.text-white .dga-stat__number,
.text-white .dga-stat__suffix,
.text-white .dga-stat__title {
  color: inherit;
}

/* Client feedback (National Investment Strategy page, "Target Initiatives"):
   the section's background read as too heavy/dark. Scoped to this one
   section via its own anchor -- `.pattern-black` is shared sitewide (footer
   CTA, other pages' statistics blocks), so it's intentionally NOT touched
   here. Same hue/pattern, just softened slightly (blended toward white)
   rather than swapped for a flat light colour, so the white heading/
   numbers/icons on top stay legible. #id + .pattern-black (specificity
   1,1,0) is needed to beat the plain .pattern-black class rule (0,1,0) it's
   overriding.
   First pass at 0.65/0.55 opacity let too much white show through --
   washed the green out enough that the white text lost contrast against
   it (client report: "text not visible"). Pulled back to a much smaller
   reduction from the original's near-solid 1.0/0.92. */
#target-initiatives.pattern-black {
  background: linear-gradient(271deg, rgba(20, 87, 58, 0.88) 3.36%, rgba(0, 68, 46, 0.8) 95.06%), url('../../resources/images/pattern-black.png');
}