/* Font families come from Flatsome > Theme Options > Style > Typography.
   Keep component sizes responsive; define shared typography roles here. */
:root {
  --aashimawahal-tab: var(--aashimawahal-sans);
  --aashimawahal-body-size: 15px;
  --aashimawahal-body-leading: 1.6;
  --aashimawahal-heading-leading: 1.25;
}
body {
  font-family: var(--aashimawahal-sans) !important;
  font-size: var(--aashimawahal-body-size);
  font-weight: 400;
  line-height: var(--aashimawahal-body-leading);
}
body :where(h1, h2, h3, h4, h5, h6, .heading-font, .product-title, .product-small .name) {
  font-family: var(--aashimawahal-serif) !important;
  font-weight: 400;
  line-height: var(--aashimawahal-heading-leading);
}
/* Homepage discovery and editorial content share the default storefront font. */
body.home :is(h1, h2, h3, h4, h5, h6, .heading-font),
body.home :is(h1, h2, h3, h4, h5, h6) a {
  font-family: var(--aashimawahal-sans) !important;
  font-weight: 500;
  letter-spacing: 0;
}
body :is(p, label, button, input, select, textarea, .button, .nav > li > a, .nav-dropdown > li > a, .alt-font) {
  font-family: var(--aashimawahal-sans) !important;
}
/* Product cards and detail captions share the storefront body font. */
body :is(.product-small .name, .product-small .name a, .wc-block-grid__product-title, .wc-block-grid__product-title a, .aw-fabric-detail-card h3, .related-products-wrapper > h3, .aw-more-collection > h2) {
  font-family: var(--aashimawahal-sans) !important;
}