/* ==========================================================================
   DocLab Inc - Custom CSS Overrides
   Loads after style.css — all standardization and fixes go here.
   ========================================================================== */

/* ------------------------------------------
   1. Google Fonts
   ------------------------------------------ */
@import url("https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap");

/* ------------------------------------------
   2. CSS Variables (Brand Colors)
   ------------------------------------------ */
:root {
  /* Brand — primary & secondary set via Divi Theme Options (--color-1, --color-2) */
  --color-accent: #c3af91; /* Gold Standard */
  --color-text: #231f20; /* Black Ink */
  --color-text-muted: #414042; /* Foundational Iron */
  --color-text-light: #ffffff; /* Clinical White */
  --color-border: #f2f2f2; /* Precision Silver */
}

/* ------------------------------------------
   3. Global Typography
   ------------------------------------------ */

/* Headings — Desktop */
h1,
h2,
h3,
h4,
h5,
h6,
.et_pb_module_header,
.et_pb_module_header a {
  font-family: "Maven Pro", sans-serif;
}

h1 {
  font-size: 44px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 28px;
}
h4,
.et_pb_module_header {
  font-size: 22px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.et_pb_module_header {
  font-weight: 600;
  line-height: 1.3em;
  text-transform: uppercase;
}

/* Body — Desktop */
body,
.et_pb_blurb_description,
.et_pb_blurb_description p,
.et_pb_promo_description,
.et_pb_text_inner {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6em;
}

/* ------------------------------------------
   4. Responsive Typography — Tablet (max 980px)
   ------------------------------------------ */
@media only screen and (max-width: 980px) {
  h1 {
    font-size: 36px;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 24px;
  }
  h4,
  .et_pb_module_header {
    font-size: 18px;
  }
  h5 {
    font-size: 16px;
  }
  h6 {
    font-size: 14px;
  }

  body,
  .et_pb_blurb_description,
  .et_pb_blurb_description p,
  .et_pb_promo_description,
  .et_pb_text_inner {
    font-size: 15px;
  }
}

/* ------------------------------------------
   5. Responsive Typography — Mobile (max 480px)
   ------------------------------------------ */
@media only screen and (max-width: 480px) {
  h1 {
    font-size: 28px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 20px;
  }
  h4,
  .et_pb_module_header {
    font-size: 16px;
  }
  h5 {
    font-size: 15px;
  }
  h6 {
    font-size: 14px;
  }

  body,
  .et_pb_blurb_description,
  .et_pb_blurb_description p,
  .et_pb_promo_description,
  .et_pb_text_inner {
    font-size: 14px;
  }
}

/* ------------------------------------------
   6. Component Overrides
   ------------------------------------------ */

/* Fix: blurb_1 title link invisible on dark background */
.dct_service_v3 .dct_blurb_1 .et_pb_module_header a {
  color: var(--color-text-light);
}