/* ============================================================
   SERVPRO — Base element styling & helpers
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font: var(--font-body-md);
  color: var(--text-body);
  background: var(--surface-page);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 {
  font-family: var(--font-display);
  color: var(--text-heading);
  margin: 0 0 var(--space-3);
  text-wrap: balance;
}
h1 { font: var(--font-h1); letter-spacing: var(--tracking-tight); }
h2 { font: var(--font-h2); letter-spacing: var(--tracking-tight); }
h3 { font: var(--font-h3); }
p  { margin: 0 0 var(--space-4); text-wrap: pretty; }

a { color: var(--text-link); text-decoration: none; }
a:hover { text-decoration: underline; }

/* Eyebrow / kicker label — a recurring SERVPRO marketing device */
.sp-eyebrow {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: var(--text-sm);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--servpro-green);
}

/* Orange accent rule used under headings */
.sp-accent-rule {
  width: 56px; height: 4px;
  background: var(--servpro-orange);
  border: 0; border-radius: var(--radius-pill);
  margin: var(--space-3) 0;
}