:root {
  /* Tamanhos em rem: respeitam a preferência de fonte do navegador (WCAG 1.4.4). 1rem = 16px. */
  --text-min: 0.75rem; /* nenhum texto abaixo de 12px */
  --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Fragment Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --text-display-xl: clamp(2.75rem, 5.2vw + 0.75rem, 4.5rem); /* @kind other */
  --lh-display-xl: 1.02; /* @kind other */
  --ls-display-xl: -0.035em; /* @kind other */
  --text-display-lg: clamp(2.25rem, 3.8vw + 0.75rem, 3.5rem); /* @kind other */
  --lh-display-lg: 1.04; /* @kind other */
  --ls-display-lg: -0.032em; /* @kind other */
  --text-h1: clamp(2rem, 2.2vw + 1.125rem, 2.75rem); /* @kind other */
  --lh-h1: 1.08; /* @kind other */
  --ls-h1: -0.028em; /* @kind other */
  --text-h2: clamp(1.625rem, 1.1vw + 1.25rem, 2rem); /* @kind other */
  --lh-h2: 1.15; /* @kind other */
  --ls-h2: -0.022em; /* @kind other */
  --text-h3: 1.5rem;
  --lh-h3: 1.25; /* @kind other */
  --ls-h3: -0.015em; /* @kind other */
  --text-h4: 1.25rem;
  --lh-h4: 1.3; /* @kind other */
  --ls-h4: -0.01em; /* @kind other */
  --text-body-lg: 1.125rem;
  --lh-body-lg: 1.6; /* @kind other */
  --ls-body-lg: 0; /* @kind other */
  --text-body: 1rem;
  --lh-body: 1.6; /* @kind other */
  --ls-body: 0; /* @kind other */
  --text-body-sm: 0.875rem;
  --lh-body-sm: 1.5; /* @kind other */
  --ls-body-sm: 0; /* @kind other */
  --text-caption: 0.8125rem;
  --lh-caption: 1.45; /* @kind other */
  --ls-caption: 0; /* @kind other */
  --text-label: 0.75rem;
  --lh-label: 1; /* @kind other */
  --ls-label: 0.06em; /* @kind other */

  --weight-regular: 400; /* @kind other */
  --weight-medium: 500; /* @kind other */
  --weight-semibold: 600; /* @kind other */
  --weight-bold: 700; /* @kind other */
  --weight-heavy: 800; /* @kind other */
}
