/* =========================================================
   File: css/typography.css
   Title: Global Type Scale & Content Text
   Updated: 2025-10-29
   Author: Tom Glendening
   Depends on: css/variables.css
   ========================================================= */

/* Load fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Roboto+Condensed:wght@400;500&display=swap');

/* Base Styles */
html, body {
  font-family: var(--body-font);
  font-size: var(--body-fs);
  line-height: var(--body-lh);
  font-weight: var(--body-fw);
  color: var(--color-text);
  background: var(--color-bg);
}

/* Reset & Normalize Headings */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  color: currentColor;
  font-weight: 400;
}

/* Headings */
h1 {
  font-size: var(--h1-fs);
  font-family: var(--h1-font);
  line-height: var(--h1-lh);
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: var(--heading-gap-lg);
}

h2 {
  font-family: var(--h2-font);
  font-size: var(--h2-fs);
  line-height: var(--h2-lh);
  font-weight: var(--h2-fw);
    font-weight: 100;
  margin-bottom: var(--heading-gap-lg);
  color: currentColor;
}

h3 {
  font-size: var(--h3-fs);
  font-family: var(--h3-font);
  line-height: 1.3;
  margin-bottom: var(--heading-gap);
}

h4, h5, h6 {
  font-family: var(--h4-font);
  margin-bottom: var(--heading-gap);
}


/* Paragraphs */
h5, p {
  font-family: var(--body-font);
  font-size: var(--body-fs);
  line-height: var(--body-lh);
  font-weight: var(--body-fw);
  margin-bottom: var(--p-gap);
}
h5{
    text-transform: uppercase;
}
/* Cards */
.card-title {
  font-family: var(--card-title-font);
  font-size: var(--card-title-fs);
  font-weight: var(--card-title-fw);
  line-height: var(--card-title-lh);
  letter-spacing: var(--card-title-ls);
  margin-bottom: 0.25rem;
}

.card-text {
  font-family: var(--font-base);
  font-size: var(--copy-sm-fs);
  line-height: var(--copy-sm-lh);
  font-weight: var(--copy-sm-body-w);
  margin: 0;
}
/* =========================================================
   SECTION HEADINGS — Custom Override for Thematic Titles
   ========================================================= */
.section-heading {
  font-family: var(--h2-font);
  font-size: var(--h2-fs);
  line-height: var(--h2-lh);
  font-weight: 400;
  margin-bottom: var(--heading-gap-lg);
  color: currentColor;
    padding-bottom: 1rem;
}

/* =========================================================
   BULLET LIST SPACING — Universal Padding Under <li>
   Adds consistent rhythm across all sections, cards, and popups
   ========================================================= */

/* =========================================================
   LISTS — Global Reset + Invent City Spacing
   Applies to ALL unordered and ordered lists.
   New naming convention: .li-pb controls bottom padding.
========================================================= */

/* Base list spacing (keeps normal indentation) */
ul,
ol {
  padding-left: 1rem;       /* standard indent */
  margin-top: 0;
  margin-bottom: 1rem;      /* spacing below list block */
}

/* Standard list items get Invent City padding */
ul li,
ol li {
  padding-bottom: 0.75rem;  /* consistent IC spacing */
  line-height: 1.2;
}

/* Remove final bottom padding */
ul li:last-child,
ol li:last-child {
  padding-bottom: 0;
}

/* =========================================================
   CLASS VERSION — .li-pb (preferred IC naming)
   Apply to any list that should follow IC spacing explicitly.
========================================================= */

.li-pb li {
  padding-bottom: 0.75rem;
  line-height: 1.2;
}

.li-pb li:last-child {
  padding-bottom: 0;
}