/* =========================================
   GLOBAL TYPOGRAPHY SYSTEM
   Used across Home / About / Services / Contact pages
   ========================================= */

/* Base text */
html, body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #111827;
  background: #ffffff;
}

/* Headings (DM Serif for premium look) */
h1, h2, h3 {
  font-family: "DM Serif Text", system-ui, serif;
  color: #111827;
  letter-spacing: -0.01em;
}

h1 { font-size: clamp(2.2rem, 3vw, 2.8rem); }
h2 { font-size: clamp(1.9rem, 2.5vw, 2.4rem); }
h3 { font-size: 1.4rem; }

/* Paragraphs */
p {
  font-size: 1rem;
  color: #4b5563;
  line-height: 1.8;
  margin-bottom: 10px;
}

/* Links */
a {
  color: #111827;
  text-decoration: none;
  transition: 0.2s ease;
}

a:hover {
  opacity: 0.7;
}

/* Utility text classes */
.text-muted { color: #6b7280; }
.text-dark  { color: #111827; }

/* Buttons (global) */
.btn {
  font-weight: 500;
  font-size: 1rem;
  font-family: inherit;
}