/* Gerado de tokens.json do design system da Musaranho (artefato no Claude). Não edite à mão. */
:root, [data-theme="claro"] {
  --laranja-musa: #ff9a00;
  --laranja-luz: #ffa900;
  --laranja-intenso: #ff8800;
  --laranja-tinta: #f66400;
  --amarelo-moldura: #ffe300;
  --marrom-malte: #551b01;
  --tinta: #181b16;
  --preto-logo: #231f20;
  --creme: #f3eddb;
  --cinza-card: #f4f4f5;
  --luz: #ffb500;
  --amarelo-estrela: #ffdf4d;
  --veu-foto: rgba(2,2,2,0.6);
  --fundo: var(--cinza-card);
  --fundo-faixa: var(--laranja-luz);
  --superficie: #ffffff;
  --titulo: var(--laranja-musa);
  --titulo-destaque: var(--laranja-musa);
  --texto: #000000;
  --texto-superficie: #000000;
  --faixa-texto: #ffffff;
  --cta: #000000;
  --destaque: var(--laranja-intenso);
  --destaque-texto: #ffffff;
  --icone-fundo: #000000;
  --icone: var(--laranja-musa);
  --aviso: #000000;
  --aviso-selo: #ffffff;
  --aviso-selo-texto: #000000;
  --foco: var(--tinta);
  --lata-german-creme: #f2ddc0;
  --lata-german-mostarda: #e7a611;
  --lata-german-verde: #214733;
  --lata-german-grama: #489247;
  --lata-german-vermelho: #b51d2b;
  --lata-german-agua: #53a992;
  --lata-punk-laranja: #eeab14;
  --lata-punk-oliva: #a29b2b;
  --lata-punk-mao: #ec671b;
  --lata-punk-respingo: #f3d372;
  --lata-punk-lupulo: #423d1a;
  --lata-punk-caixa: #e5a513;
  --lata-rsl-navy: #122e48;
  --lata-rsl-azul: #1862a0;
  --lata-rsl-teal: #4397a2;
  --lata-rsl-ceu: #f9d288;
  --lata-rsl-nuvem: #fee5b2;
  --lata-rsl-morro: #616f32;
  --lata-rsl-mata: #2a4740;
  --lata-rsl-fita: #3291af;
}
[data-theme="laranja"] {
  --fundo: var(--laranja-musa);
  --fundo-faixa: var(--laranja-intenso);
  --titulo: #ffffff;
  --titulo-destaque: var(--marrom-malte);
  --texto: var(--marrom-malte);
  --texto-superficie: var(--laranja-tinta);
  --cta: var(--laranja-tinta);
  --destaque: #ffffff;
  --destaque-texto: var(--laranja-tinta);
}
[data-theme="escuro"] {
  --fundo: var(--tinta);
  --fundo-faixa: var(--laranja-musa);
  --superficie: #000000;
  --titulo: #ffffff;
  --texto: #ffffff;
  --texto-superficie: #ffffff;
  --cta: #ffffff;
  --aviso: #ffffff;
  --foco: var(--laranja-musa);
}
:root {
  --font-titulo: Poppins, sans-serif;
  --font-texto: Poppins, sans-serif;
  --font-condensada: Anton, Impact, sans-serif;
  --font-rotulo: Gotham, Montserrat, sans-serif;
  --font-depoimento: Montserrat, sans-serif;
  --font-rotulo-legal: Raleway, Poppins, sans-serif;
  --font-rotulo-gotico: "UnifrakturCook", "Old English Text MT", serif;
  --font-rotulo-condensada: Anton, "Bebas Neue", Impact, sans-serif;
  --margem-card: 101px;
  --margem-post: 88px;
  --moldura-recuo: 40px;
  --ficha-icone: 62px;
  --ficha-respiro: 18px;
  --faixa-altura: 362px;
  --aviso-margem: 21px;
  --motion-margem: 92px;
  --motion-seguro: 225px;
  --lata-largura: 2362px;
  --lata-caixa-legal: 402px;
  --lata-faixa-base: 118px;
  --raio-card-laranja: 60px;
  --raio-moldura: 165px;
  --raio-circulo: 999px;
  --sombra-medalha: 0 25px 24px rgba(0,0,0,0.21);
  --moldura-traco: 3px;
  --regua-motion: 7px;
}
/* Estilos de texto do design system, no tamanho do canvas de origem: classe .t-<nome> */
.t-titulo-impacto { font-family: var(--font-titulo); font-size: 132px; line-height: 0.9; font-weight: 700; letter-spacing: -0.05em; }
.t-titulo-post { font-family: var(--font-titulo); font-size: 118px; line-height: 0.9; font-weight: 700; letter-spacing: -0.05em; }
.t-titulo-card { font-family: var(--font-titulo); font-size: 84px; line-height: 0.9; font-weight: 700; letter-spacing: -0.05em; }
.t-nome-cerveja { font-family: var(--font-titulo); font-size: 72px; line-height: 0.9; font-weight: 700; letter-spacing: -0.05em; }
.t-nome-faixa { font-family: var(--font-titulo); font-size: 50px; line-height: 1; font-weight: 700; letter-spacing: -0.05em; }
.t-corpo-destaque { font-family: var(--font-texto); font-size: 48px; line-height: 0.96; font-weight: 400; letter-spacing: -0.05em; }
.t-telefone-destaque { font-family: var(--font-texto); font-size: 46px; line-height: 1; font-weight: 700; letter-spacing: -0.05em; }
.t-estilo-cerveja { font-family: var(--font-texto); font-size: 32px; line-height: 1.2; font-weight: 400; letter-spacing: -0.05em; }
.t-corpo-card-laranja { font-family: var(--font-texto); font-size: 32px; line-height: 42px; font-weight: 400; letter-spacing: -0.05em; }
.t-ficha-dado { font-family: var(--font-texto); font-size: 32px; line-height: 1; font-weight: 400; letter-spacing: -0.05em; }
.t-ficha-rotulo { font-family: var(--font-texto); font-size: 32px; line-height: 1; font-weight: 700; letter-spacing: -0.05em; font-style: italic; }
.t-cta-chamada { font-family: var(--font-texto); font-size: 27px; line-height: 33px; font-weight: 700; letter-spacing: -0.05em; }
.t-cta-telefone { font-family: var(--font-texto); font-size: 26px; line-height: 33px; font-weight: 400; letter-spacing: -0.05em; }
.t-corpo-card { font-family: var(--font-texto); font-size: 24px; line-height: 30px; font-weight: 400; letter-spacing: -0.05em; }
.t-harmonizacao { font-family: var(--font-texto); font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: -0.05em; font-style: italic; }
.t-aviso-legal { font-family: var(--font-texto); font-size: 13px; line-height: 16px; font-weight: 400; }
.t-depoimento-texto { font-family: var(--font-depoimento); font-size: 36px; line-height: 1.2; font-weight: 400; font-style: italic; }
.t-depoimento-nome { font-family: var(--font-depoimento); font-size: 48px; line-height: 1.1; font-weight: 700; }
.t-motion-titulo { font-family: var(--font-condensada); font-size: 150px; line-height: 1.12; font-weight: 400; letter-spacing: -2px; }
.t-aviso-selo-estilo { font-family: var(--font-condensada); font-size: 13px; line-height: 16px; font-weight: 400; }
.t-motion-rotulo { font-family: var(--font-rotulo); font-size: 25px; line-height: 1.2; font-weight: 500; letter-spacing: 5px; }
.t-motion-rodape { font-family: var(--font-rotulo); font-size: 21px; line-height: 1.2; font-weight: 500; letter-spacing: 3px; }
.t-lata-legal-titulo { font-family: var(--font-rotulo-legal); font-size: 10px; line-height: 1.2; font-weight: 800; }
.t-lata-legal-texto { font-family: var(--font-rotulo-legal); font-size: 7.3px; line-height: 1.25; font-weight: 400; }
.t-lata-cerveja-premiada { font-family: var(--font-rotulo-gotico); font-size: 21px; line-height: 1; font-weight: 400; }
.t-lata-estilo { font-family: var(--font-rotulo-legal); font-size: 9.3px; line-height: 1.2; font-weight: 400; }
.t-lata-claim { font-family: var(--font-rotulo-condensada); font-size: 13px; line-height: 1; font-weight: 400; letter-spacing: 0.7px; }