/* Dra. Sara Michelon — tokens (gerado de tokens.json) */
@font-face { font-family: 'Outfit'; src: url('../fonts/Outfit-Variable-latin.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Sacramento'; src: url('../fonts/Sacramento-Regular-latin.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
:root, [data-theme="claro"] {
  --ameixa: #66435a;
  --malva: #86647a;
  --ameixa-profunda: #4a2e41;
  --nevoa: #f4f4f4;
  --branco: #ffffff;
  --fundo: #f4f4f4;
  --fundo-elevado: #ffffff;
  --fundo-tinta: #f1eaee;
  --titulo: var(--ameixa);
  --texto: #2e1c28;
  --texto-suave: #6e5a66;
  --destaque: var(--ameixa);
  --acao: var(--ameixa);
  --acao-hover: var(--ameixa-profunda);
  --sobre-acao: #ffffff;
  --tarja: var(--malva);
  --sobre-tarja: #ffffff;
  --linha: #e3d8de;
  --borda-controle: #957a8a;
  --curva: #dccdd5;
  --foco: var(--ameixa);
  --sombra-cartao: 0 18px 40px -20px rgba(102, 67, 90, 0.4);
  --sombra-flutuante: 0 10px 30px rgba(46, 28, 40, 0.18);
}
[data-theme="ameixa"] {
  --fundo: var(--ameixa);
  --fundo-elevado: #74506a;
  --fundo-tinta: #573849;
  --titulo: #ffffff;
  --texto: #ffffff;
  --texto-suave: #ead9e3;
  --destaque: #f3e6ee;
  --acao: #ffffff;
  --acao-hover: #f1eaee;
  --sobre-acao: var(--ameixa);
  --tarja: #ffffff;
  --sobre-tarja: var(--ameixa);
  --linha: #7d5a71;
  --borda-controle: #b99cad;
  --curva: var(--malva);
  --foco: #ffffff;
  --sombra-cartao: 0 18px 40px -20px rgba(30, 14, 25, 0.6);
  --sombra-flutuante: 0 10px 30px rgba(30, 14, 25, 0.5);
}
:root {
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-5: 24px;
  --espaco-6: 32px;
  --espaco-7: 48px;
  --espaco-8: 64px;
  --espaco-9: 96px;
  --espaco-10: 128px;
  --raio-sm: 6px;
  --raio-md: 14px;
  --raio-lg: 32px;
  --raio-pill: 999px;
  --conteudo-max: 1200px;
  --texto-max: 680px;
  --cabecalho-altura: 80px;
  --font-sans: "Outfit", "Neometric", system-ui, sans-serif;
  --font-script: "Sacramento", "Handmade Crooked", cursive;
}
.impacto { font-family: var(--font-sans); font-size: 80px; line-height: 76px; font-weight: 800; letter-spacing: -0.02em; }
.display { font-family: var(--font-sans); font-size: 60px; line-height: 58px; font-weight: 800; letter-spacing: -0.02em; }
.abertura { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 300; }
.titulo-1 { font-family: var(--font-sans); font-size: 44px; line-height: 50px; font-weight: 700; letter-spacing: -0.01em; }
.titulo-2 { font-family: var(--font-sans); font-size: 32px; line-height: 38px; font-weight: 700; }
.titulo-3 { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 600; }
.lead { font-family: var(--font-sans); font-size: 20px; line-height: 31px; font-weight: 300; }
.corpo { font-family: var(--font-sans); font-size: 17px; line-height: 28px; font-weight: 400; }
.corpo-sm { font-family: var(--font-sans); font-size: 15px; line-height: 24px; font-weight: 400; }
.rotulo { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 600; letter-spacing: 0.22em; }
.botao { font-family: var(--font-sans); font-size: 16px; line-height: 20px; font-weight: 600; letter-spacing: 0.01em; }
.numeral { font-family: var(--font-sans); font-size: 52px; line-height: 52px; font-weight: 800; letter-spacing: -0.03em; }
.assinatura { font-family: var(--font-script); font-size: 64px; line-height: 64px; font-weight: 400; }