@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=Lato:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@1,400;1,500;1,600&display=swap');

:root {
  /* Font Families */
  --font-display: 'Playfair Display', serif;
  --font-body: 'Lato', sans-serif;
  --font-italic: 'Cormorant Garamond', serif;

  /* Font Sizes */
  --text-h1: 4rem;
  --text-h1-lh: 4.25rem;
  --text-h2: 2.75rem;
  --text-h2-lh: 3.25rem;
  --text-h3: 1.875rem;
  --text-h3-lh: 2.375rem;

  --text-display: 2.125rem;
  --text-display-lh: 2.625rem;

  --text-lg: 1.25rem;
  --text-lg-lh: 2rem;

  --text-base: 1.125rem;
  --text-base-lh: 1.8125rem;

  --text-sm: 0.875rem;
  --text-sm-lh: 1.25rem;

  --text-button: 1rem;
  --text-button-lh: 1.25rem;

  --text-label: 0.75rem;
  --text-label-lh: 1rem;

  /* Font Weights */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */

  /* Letter Spacing */
  --ls-label: 0.1em; /* @kind other */ /* etiquetas editoriais 0.08–0.14em */
}

@media (max-width: 768px) {
  :root {
    --text-h1: 2.625rem;
    --text-h1-lh: 2.875rem;
    --text-h2: 2.125rem;
    --text-h2-lh: 2.5rem;
    --text-h3: 1.625rem;
    --text-h3-lh: 2rem;
    --text-display: 1.75rem;
    --text-display-lh: 2.25rem;
    --text-lg: 1.125rem;
    --text-lg-lh: 1.8125rem;
  }
}