/* ==========================================================================
   FROOTS TYPOGRAPHY MODULE (Font Sizes Only)
   LOCATION: https://cartycorp.com/shared/css/froots-typography.css
   ========================================================================== */

/* 1. Base Scale */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-size: 1rem;
}

/* 2. Body Text */
p, li {
  font-size: 1.05rem;
}

/* 3. Headings */
h1, .h1 { font-size: 2.1rem; }
h2, .h2 { font-size: 1.7rem; }
h3, .h3 { font-size: 1.35rem; }
h4, .h4 { font-size: 1.15rem; }
h5, .h5 { font-size: 1rem; }
h6, .h6 { font-size: 0.875rem; }

/* 4. Small Text */
small, .text-smr {
  font-size: 0.875rem;
}

/* 5. Mobile Scaling */
@media (max-width: 768px) {
  html {
    font-size: 95%;
  }

  p, li {
    font-size: 1rem;
  }

  h1, .h1 { font-size: 1.75rem; }
  h2, .h2 { font-size: 1.45rem; }
  h3, .h3 { font-size: 1.25rem; }
}