/* One type system for the whole site. Loaded after page and component styles.
 * !important is intentional on type properties: the preserved Elementor HTML
 * contains inline font styling and utility classes from the original theme.
 * Repeating the root ID on color/inheritance rules beats the old theme's
 * context-specific !important color utilities without applying a global reset.
 * Layout, spacing and content remain owned by their respective components.
 * Dark surfaces change color tokens; they do not introduce another type scale.
 */
#hridaan-site {
  --hdi-font-display: Georgia, 'Times New Roman', serif;
  --hdi-font-text: Arial, Helvetica, sans-serif;
  --hdi-type-title: #18382c;
  --hdi-type-body: #5d6c63;
  --hdi-type-link: #215b43;
  --hdi-type-h1: clamp(36px, 4.5vw, 56px);
  --hdi-type-h2: clamp(28px, 3vw, 36px);
  --hdi-type-h3: 20px;
  --hdi-type-h4: 18px;
  --hdi-type-h5: 16px;
  --hdi-type-h6: 16px;
  font-family: var(--hdi-font-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--hdi-type-body);
}

#hridaan-site :is(.hdi-on-dark, .hdp .hero, .preserved-footer, .foot,
  .elementor-1025 .position-cover.text-white) {
  --hdi-type-title: #fbfaf6;
  --hdi-type-body: #d4dfd7;
  --hdi-type-link: #d6e8ba;
}
#hridaan-site .hdi-on-light {
  --hdi-type-title: #18382c;
  --hdi-type-body: #5d6c63;
  --hdi-type-link: #215b43;
}

#hridaan-site#hridaan-site :is(h1, h2, h3, h4, h5, h6) {
  color: var(--hdi-type-title) !important;
  font-style: normal !important;
  text-transform: none !important;
  opacity: 1 !important;
  overflow-wrap: break-word;
}
#hridaan-site :is(h1, h2) {
  font-family: var(--hdi-font-display) !important;
  font-weight: 400 !important;
}
#hridaan-site h1 {
  font-size: var(--hdi-type-h1) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
}
#hridaan-site h2 {
  font-size: var(--hdi-type-h2) !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em !important;
}
#hridaan-site :is(h3, h4, h5, h6) {
  font-family: var(--hdi-font-text) !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: -.01em !important;
}
#hridaan-site h3 { font-size: var(--hdi-type-h3) !important; }
#hridaan-site h4 { font-size: var(--hdi-type-h4) !important; }
#hridaan-site h5 { font-size: var(--hdi-type-h5) !important; }
#hridaan-site h6 { font-size: var(--hdi-type-h6) !important; }

#hridaan-site :is(p, li, blockquote, figcaption) {
  font-family: var(--hdi-font-text) !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: var(--hdi-type-body) !important;
  opacity: 1 !important;
}
#hridaan-site#hridaan-site :is(p, li, blockquote, figcaption) {
  color: var(--hdi-type-body) !important;
}
#hridaan-site .elementor-widget-text-editor {
  font-family: var(--hdi-font-text) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: var(--hdi-type-body) !important;
}
/* Inline spans previously carried older font families and bold/color styling. */
#hridaan-site#hridaan-site :is(p, li, blockquote, figcaption) span {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
}
#hridaan-site :is(strong, b) {
  font-family: inherit !important;
  font-weight: 700 !important;
  color: inherit !important;
}
/* A linked or emphasized heading retains the heading's type, not link styling. */
#hridaan-site#hridaan-site :is(h1, h2, h3, h4, h5, h6) :is(span, a, strong, b, em) {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
}

/* Links and controls use the same text family. Component backgrounds and
 * foreground pairs are retained for readable filled and outlined buttons. */
#hridaan-site :is(a, button, input, textarea, select, label, summary) {
  font-family: var(--hdi-font-text) !important;
}
#hridaan-site :is(p, li, blockquote, figcaption) a {
  font-weight: inherit !important;
  color: var(--hdi-type-link) !important;
  text-underline-offset: .2em;
}
#hridaan-site :is(summary, .uc-accordion-title, label) {
  font-weight: 600 !important;
  color: var(--hdi-type-title) !important;
}
#hridaan-site :is(button, input[type=submit], .primary, .secondary,
  .b1, .b2, .bg1, .navcontact, .go, .navlinks a) {
  font-weight: 600 !important;
}
#hridaan-site :is(input:not([type=submit]), textarea, select) {
  font-size: 16px !important;
  font-weight: 400 !important;
}

/* Labels are spans, not paragraphs or headings. Use this one treatment for
 * section eyebrows, breadcrumbs, product categories and other short labels. */
#hridaan-site :is(.hdi-eyebrow, .kicker, .audience-eyebrow,
  .eyebrow, .gq-eyebrow, .crumb) {
  display: block;
  font-family: var(--hdi-font-text) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--hdi-type-link) !important;
}
#hridaan-site :is(.hdi-eyebrow, .kicker, .audience-eyebrow,
  .eyebrow, .gq-eyebrow, .crumb) a {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}
/* Metadata and legal notes use a smaller size, with the same body face,
 * weight and surface color. Main reading copy always remains 16px. */
#hridaan-site :is(.fine, .gq-fine, .post-meta, .copyright),
#hridaan-site .footer-bottom p {
  font-family: var(--hdi-font-text) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: var(--hdi-type-body) !important;
}
#hridaan-site .preserved-footer .footer-link-column h4 {
  margin: 0 0 12px;
}
#hridaan-site .preserved-footer .footer-columns li {
  font-size: 14px !important;
}
#hridaan-site .preserved-footer .footer-columns a {
  font-size: inherit;
}