/* Text styles - Figma "Consulfarma Trends" (node 6:46) */

.display-1,
.display-2,
.heading-1,
.heading-2,
.heading-3,
.heading-4,
.heading-5 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    margin: 0;
    color: var(--purple-10);
}

/* Tamanhos fluidos entre 1200px e 1920px (o "vao" onde 1440/1366/1360 ficavam
   presos no tamanho cheio de 1920, sem nenhum media query cobrindo). Abaixo de
   1200px o clamp() trava no minimo, que e' o mesmo valor que os componentes ja
   sobrescrevem nos breakpoints deles (@1200/998/600 em home.css) - sem conflito,
   essas regras mais especificas continuam ganhando a cascata normalmente. */
.display-1 { font-size: clamp(72px, calc(72px + (100vw - 1200px) * 0.067), 120px); line-height: 0.8; letter-spacing: 0; }
.display-2 { font-size: clamp(64px, calc(64px + (100vw - 1200px) * 0.044), 96px); line-height: 0.8; letter-spacing: 0 }
.heading-1 { font-size: clamp(52px, calc(52px + (100vw - 1200px) * 0.025), 70px); line-height: 0.95; letter-spacing: 0 }
.heading-2 { font-size: clamp(34px, calc(34px + (100vw - 1200px) * 0.025), 52px); line-height: 0.95; letter-spacing: 0 }
.heading-3 { font-size: clamp(32px, calc(32px + (100vw - 1200px) * 0.017), 44px); line-height: 0.95; letter-spacing: 0 }
.heading-4 { font-size: 28px; line-height: 1; letter-spacing: 0 }
.heading-5 { font-size: 22px; line-height: 1; letter-spacing: 0 }

.body-lg,
.body-md,
.body-sm,
.body-xs {
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 400;
    margin: 0;
    color: var(--purple-10);
}

.body-lg { font-size: 18px; line-height: 22px; }
.body-md { font-size: 16px; line-height: 20px; }
.body-sm { font-size: 14px; line-height: 20px; }
.body-xs { font-size: 12px; line-height: 16px; }

/* Modificador: Figma tem uma variante "Uppercase" pra cada tamanho de body,
   mas o tamanho/peso/line-height são idênticos ao Regular - só muda o text-transform. */
.text-uppercase {
    text-transform: uppercase;
}