/*
 * ERPCA site-wide heading style — the single place that sets how headings look on every public page
 * (CMS pages and the hand-built pages alike; the admin and firm panel do not load it).
 * Loaded from partials/config, which the server adds to every public page head.
 * !important is deliberate: Tailwind's utility classes on each heading (font-medium, tracking-tight) are
 * generated after this file loads, and this layer must win over them.
 */

/* Page titles: semibold, tight */
h1:not(.uppercase) {
  font-weight: 600 !important;
  letter-spacing: -0.035em !important;
}

/* Section headings: semibold, tight. Small uppercase "eyebrow" h2s keep their own style. */
h2:not(.uppercase):not(.text-xs):not(.text-sm) {
  font-weight: 600 !important;
  letter-spacing: -0.03em !important;
}

/* Card and sub-section titles: semibold, slightly tight */
h3:not(.uppercase):not(.text-xs) {
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
}

/* The second line of a page title is a calm grey, not brand green (green stays for buttons and links) */
h1 .text-nex-primary,
h1 [class*="text-[#64AC49]"] {
  color: #9ca3af !important;
}

/* Long article titles read better a touch looser */
article h1 {
  letter-spacing: -0.025em !important;
}