/* ============================================================================
   WORKFORCE DEMOCRACY PROJECT - TYPOGRAPHY
   Version: 37.11.0-PHASE3B
   Date: November 14, 2024
   
   All text-related styles: headings, paragraphs, links, text utilities
   
   Dependencies: variables.css (MUST load before this file)
   
   ============================================================================ */

/* ============================================
   HEADINGS
   ============================================ */

h1, h2, h3, h4, h5, h6 {
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin-bottom: var(--space-md);
  color: var(--text-primary);
}

h1 { font-size: var(--font-size-3xl); }
h2 { font-size: var(--font-size-2xl); }
h3 { font-size: var(--font-size-xl); }
h4 { font-size: var(--font-size-lg); }
h5 { font-size: var(--font-size-base); }
h6 { font-size: var(--font-size-sm); }

/* ============================================
   PARAGRAPHS & TEXT
   ============================================ */

p {
  margin-bottom: var(--space-md);
}

/* ============================================
   LINKS
   ============================================ */

a {
  color: var(--primary);
  text-decoration: none;
  transition: color var(--transition-fast);
}

a:hover, a:focus {
  color: var(--primary-dark);
  text-decoration: underline;
}

a:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

/* ============================================
   TEXT FORMATTING
   ============================================ */

strong, b {
  font-weight: var(--font-weight-semibold);
}