/* ==========================================================================
   FILE: assets/css/02-base.css
   PURPOSE: Global Defaults & Typography

   CONTENTS:
   - Global background/text defaults (html/body)
   - Link styling
   - Helper text classes (e.g. .muted)
   - Typography defaults (headings, paragraph sizing/leading)
   - Readable text width rules for common content blocks
   - Basic list spacing rules

   RULE:
   This file sets site-wide text and element defaults.
   It should NOT contain component styling (buttons/cards/forms)
   or major layout rules (header/footer/panels/grids).

   LOAD ORDER:
   Must be loaded after 01-config.css.
   ========================================================================= */

html,
body,
.wp-site-blocks {
  background: var(--bg);
  color: var(--text);
}

a {
  color: var(--link);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

a:hover,
a:focus {
  color: var(--link-hover);
}

.muted {
  color: var(--muted);
}

/* ============================================================
   TYPOGRAPHY
   ============================================================ */

h1, h2, h3 {
  color: var(--text);
  margin-top: 0;
}

p {
  font-size: 1.0625rem;
}

/* ============================================================
   READABLE TEXT WIDTH (HCC)
   ============================================================ */

/* Default readable width for typical text blocks */
.wp-site-blocks p,
.wp-site-blocks ul,
.wp-site-blocks ol {
  max-width: 65ch;
}

.wp-site-blocks h1,
.wp-site-blocks h2,
.wp-site-blocks h3 {
  max-width: 65ch;
}

/* Slightly wider within common “section/panel” wrappers */
.panel p,
.panel ul,
.panel ol,
.is-style-hcc-panel-base p,
.is-style-hcc-panel-base ul,
.is-style-hcc-panel-base ol,
.is-style-hcc-panel-alt p,
.is-style-hcc-panel-alt ul,
.is-style-hcc-panel-alt ol {
  max-width: 70ch;
}

/* Allow full width for emphasis/wide areas */
.panel--emphasis p,
.panel--emphasis ul,
.panel--emphasis ol,
.is-style-hcc-panel-emphasis p,
.is-style-hcc-panel-emphasis ul,
.is-style-hcc-panel-emphasis ol,
.panel--wide p,
.panel--wide ul,
.panel--wide ol {
  max-width: none;
}

/* Paragraph spacing rhythm (close to your original) */
.wp-site-blocks p {
  margin: 0.9rem 0;
  line-height: 1.65;
}

.wp-site-blocks p:first-child {
  margin-top: 0;
}

.wp-site-blocks ul,
.wp-site-blocks ol {
  margin: 0.75rem 0 0.75rem 1.25rem;
  padding: 0;
}

.wp-site-blocks li {
  margin: 0.35rem 0;
}