/* Cross Nutrition — gerado de DESIGN SYSTEM/tokens.json. Não edite à mão. */

:root, [data-theme="escuro"] {
  --preto-cross: #191919;
  --verde-cross: #c4d758;
  --branco: #ffffff;
  --fundo: #191919;
  --fundo-elevado: #232323;
  --fundo-destaque: var(--verde-cross);
  --tinta: #f2f1ec;
  --tinta-suave: #a6a59d;
  --tinta-sobre-verde: #191919;
  --verde-texto: #c4d758;
  --borda: #6e6d66;
  --linha: #333333;
  --foco: #c4d758;
  --whatsapp: #25d366;
  color-scheme: dark;
}

[data-theme="claro"] {
  --preto-cross: #191919;
  --verde-cross: #c4d758;
  --branco: #ffffff;
  --fundo: #f2f1ec;
  --fundo-elevado: #ffffff;
  --fundo-destaque: var(--verde-cross);
  --tinta: #191919;
  --tinta-suave: #5a5952;
  --tinta-sobre-verde: #191919;
  --verde-texto: #56640f;
  --borda: #8a8981;
  --linha: #d6d5cd;
  --foco: #56640f;
  --whatsapp: #25d366;
  color-scheme: light;
}

:root {
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 16px;
  --espaco-4: 24px;
  --espaco-5: 40px;
  --espaco-6: 64px;
  --espaco-7: 104px;
  --raio-0: 0px;
  --raio-1: 2px;
  --raio-circulo: 50%;
  --font-display: Anton, "Arial Narrow", Impact, sans-serif;
  --font-condensada: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-texto: Barlow, system-ui, "Segoe UI", sans-serif;
}

.display-xl { font-family: var(--font-display); font-size: 96px; line-height: 0.95; font-weight: 400; letter-spacing: 0.005em; }
.display-l { font-family: var(--font-display); font-size: 64px; line-height: 0.98; font-weight: 400; letter-spacing: 0.005em; }
.display-m { font-family: var(--font-display); font-size: 40px; line-height: 1; font-weight: 400; letter-spacing: 0.01em; }
.titulo { font-family: var(--font-display); font-size: 26px; line-height: 1.05; font-weight: 400; letter-spacing: 0.01em; }
.rotulo { font-family: var(--font-condensada); font-size: 14px; line-height: 1.2; font-weight: 700; letter-spacing: 0.16em; }
.botao { font-family: var(--font-condensada); font-size: 17px; line-height: 1; font-weight: 700; letter-spacing: 0.08em; }
.dado { font-family: var(--font-condensada); font-size: 34px; line-height: 1; font-weight: 700; letter-spacing: 0.01em; }
.destaque { font-family: var(--font-texto); font-size: 20px; line-height: 1.55; font-weight: 400; }
.corpo { font-family: var(--font-texto); font-size: 17px; line-height: 1.6; font-weight: 400; }
.legenda { font-family: var(--font-texto); font-size: 14px; line-height: 1.45; font-weight: 500; }