/* ==========================================================================
   Apex Consulting — Base Element Styles
   ========================================================================== */

body {
  font-family: var(--font-sans);
  font-size: var(--fs-base);
  color: var(--ink);
  background-color: var(--white);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--navy);
  font-weight: 700;
}

h1 { font-size: var(--fs-4xl); }
h2 { font-size: var(--fs-3xl); }
h3 { font-size: var(--fs-xl); }
h4 { font-size: var(--fs-lg); }
h5 { font-size: var(--fs-md); }

p {
  color: var(--steel-600);
}

a {
  color: var(--accent);
  transition: color var(--speed) var(--ease);
}

a:hover {
  color: var(--accent-700);
}

.lead {
  font-size: var(--fs-lg);
  line-height: 1.55;
  color: var(--steel-600);
}

.section-label {
  display: inline-block;
  font-size: var(--fs-2xs);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: var(--space-3);
}

::selection {
  background: var(--accent-soft);
  color: var(--navy);
}

strong { color: var(--navy); }

hr {
  border: none;
  border-top: var(--border);
  margin: var(--space-6) 0;
}

code {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 0.9em;
  background: var(--steel-50);
  border: var(--border);
  border-radius: var(--radius-sm);
  padding: 0.1em 0.4em;
  color: var(--navy);
}