/* Lilly's Cleaning Cape Cod - Typography */

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Source+Sans+Pro:wght@300;400;600;700&family=Montserrat:wght@400;500;600;700&display=swap');

/* Font Face Declarations */
/* Playfair Display - Elegant serif for headings */
/* Source Sans Pro - Clean sans-serif for body text */
/* Montserrat - Modern sans-serif for accents and buttons */

/* Custom Font Weights */
.lc-font-light {
  font-weight: 300;
}

.lc-font-regular {
  font-weight: 400;
}

.lc-font-medium {
  font-weight: 500;
}

.lc-font-semibold {
  font-weight: 600;
}

.lc-font-bold {
  font-weight: 700;
}

.lc-font-extrabold {
  font-weight: 800;
}

/* Font Families */
.lc-font-heading {
  font-family: var(--lc-font-heading);
}

.lc-font-body {
  font-family: var(--lc-font-body);
}

.lc-font-accent {
  font-family: var(--lc-font-accent);
}

/* Font Sizes */
.lc-text-xs {
  font-size: 0.75rem;
}

.lc-text-sm {
  font-size: 0.875rem;
}

.lc-text-base {
  font-size: 1rem;
}

.lc-text-lg {
  font-size: 1.125rem;
}

.lc-text-xl {
  font-size: 1.25rem;
}

.lc-text-2xl {
  font-size: 1.5rem;
}

.lc-text-3xl {
  font-size: 1.875rem;
}

.lc-text-4xl {
  font-size: 2.25rem;
}

.lc-text-5xl {
  font-size: 3rem;
}

/* Letter Spacing */
.lc-tracking-tight {
  letter-spacing: -0.025em;
}

.lc-tracking-normal {
  letter-spacing: 0;
}

.lc-tracking-wide {
  letter-spacing: 0.025em;
}

.lc-tracking-wider {
  letter-spacing: 0.05em;
}

.lc-tracking-widest {
  letter-spacing: 0.1em;
}

/* Line Height */
.lc-leading-tight {
  line-height: 1.25;
}

.lc-leading-normal {
  line-height: 1.5;
}

.lc-leading-relaxed {
  line-height: 1.75;
}

.lc-leading-loose {
  line-height: 2;
}

/* Text Styles */
.lc-italic {
  font-style: italic;
}

.lc-uppercase {
  text-transform: uppercase;
}

.lc-lowercase {
  text-transform: lowercase;
}

.lc-capitalize {
  text-transform: capitalize;
}

/* Text Decoration */
.lc-underline {
  text-decoration: underline;
}

.lc-no-underline {
  text-decoration: none;
}

/* Responsive Typography */
@media (max-width: 768px) {
  html {
    font-size: 15px;
  }
}

@media (max-width: 576px) {
  html {
    font-size: 14px;
  }
}