/* ============================================================
   IN MARIN HOUSE CLEANING — ce-fonts.css
   Google Fonts Import & Typography System
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Source+Sans+3:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap');

/* Base reset for typography */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Utility classes */
.ce-font-display { font-family: 'Playfair Display', serif; }
.ce-font-body    { font-family: 'Source Sans 3', sans-serif; }
.ce-font-mono    { font-family: 'DM Mono', monospace; }

.ce-text-xs   { font-size: 0.75rem; }
.ce-text-sm   { font-size: 0.875rem; }
.ce-text-base { font-size: 1rem; }
.ce-text-lg   { font-size: 1.125rem; }
.ce-text-xl   { font-size: 1.25rem; }
.ce-text-2xl  { font-size: 1.5rem; }
.ce-text-3xl  { font-size: 1.875rem; }
.ce-text-4xl  { font-size: 2.25rem; }

.ce-fw-300  { font-weight: 300; }
.ce-fw-400  { font-weight: 400; }
.ce-fw-500  { font-weight: 500; }
.ce-fw-600  { font-weight: 600; }
.ce-fw-700  { font-weight: 700; }

.ce-text-center { text-align: center; }
.ce-text-left   { text-align: left; }
.ce-text-right  { text-align: right; }

.ce-text-primary    { color: var(--ce-color-primary); }
.ce-text-dark       { color: var(--ce-color-dark); }
.ce-text-muted      { color: var(--ce-color-text-light); }
.ce-text-white      { color: var(--ce-color-white); }

.ce-italic  { font-style: italic; }
.ce-upper   { text-transform: uppercase; }
.ce-tracked { letter-spacing: 0.1em; }

/* Drop caps for articles */
.ce-dropcap::first-letter {
  font-family: 'Playfair Display', serif;
  font-size: 4.5em;
  line-height: 0.75;
  float: left;
  margin: 0.08em 0.1em 0 0;
  color: var(--ce-color-primary);
  font-weight: 700;
}

/* Pull quote style */
.ce-pullquote {
  font-family: 'Playfair Display', serif;
  font-size: 1.35rem;
  font-style: italic;
  font-weight: 600;
  color: var(--ce-color-primary);
  border-left: 4px solid var(--ce-color-primary);
  padding: 16px 28px;
  margin: 36px 0;
  line-height: 1.5;
}