/* Gerado por tools/tokens.py a partir de tokens.json. Não editar à mão. */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:ital,wght@0,500;1,500;1,600&family=Montserrat:wght@400;500;600;700&display=swap');
:root {
  --nb-ouro-champanhe: #F6EA91;
  --nb-ouro-claro: #E3C26A;
  --nb-ouro-dourado: #CF932E;
  --nb-ouro-profundo: #B67E32;
  --nb-ouro-bronze: #9E6A24;
  --nb-ouro-escuro: #7A5019;
  --nb-neutro-preto: #141212;
  --nb-neutro-carvao: #1E1B1A;
  --nb-neutro-grafite: #2A2624;
  --nb-neutro-cinza: #8A817A;
  --nb-neutro-pedra: #B9AFA3;
  --nb-neutro-creme: #F4ECDD;
  --nb-neutro-marfim: #FAF6EE;
  --nb-neutro-branco: #FFFFFF;
  --nb-funcional-sucesso: #3E8E5A;
  --nb-funcional-aviso: #D9A13B;
  --nb-funcional-erro: #B5462F;
  --nb-funcional-info: #5B86A8;
  --nb-funcional-whatsapp: #25D366;
  --nb-degrade-ouro: linear-gradient(180deg, #F6EA91 0%, #E3C26A 18%, #CF932E 50%, #B67E32 82%, #9E6A24 100%);
  --nb-degrade-ouro-horizontal: linear-gradient(90deg, #B67E32 0%, #E3C26A 35%, #F6EA91 50%, #E3C26A 65%, #B67E32 100%);
  --nb-degrade-noite: radial-gradient(120% 90% at 50% 0%, #2A2624 0%, #141212 60%);
  --nb-degrade-veu-foto: linear-gradient(180deg, rgba(20,18,18,0) 40%, rgba(20,18,18,.88) 100%);
  --nb-fonte-display: 'Cinzel', 'Trajan Pro', Georgia, serif;
  --nb-fonte-editorial: 'Cormorant Garamond', Georgia, serif;
  --nb-fonte-texto: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --nb-tipo-display: clamp(2.5rem, 6vw, 4.5rem);
  --nb-tipo-h1: clamp(2rem, 4.5vw, 3rem);
  --nb-tipo-h2: clamp(1.5rem, 3vw, 2.125rem);
  --nb-tipo-h3: 1.25rem;
  --nb-tipo-rotulo: 0.75rem;
  --nb-tipo-corpo: 1rem;
  --nb-tipo-pequeno: 0.875rem;
  --nb-tipo-citacao: clamp(1.375rem, 2.6vw, 1.875rem);
  --nb-espaco-1: 4px;
  --nb-espaco-2: 8px;
  --nb-espaco-3: 12px;
  --nb-espaco-4: 16px;
  --nb-espaco-5: 24px;
  --nb-espaco-6: 32px;
  --nb-espaco-7: 48px;
  --nb-espaco-8: 64px;
  --nb-espaco-9: 96px;
  --nb-espaco-10: 128px;
  --nb-raio-nenhum: 0;
  --nb-raio-pequeno: 2px;
  --nb-raio-medio: 4px;
  --nb-raio-grande: 8px;
  --nb-raio-pilula: 999px;
  --nb-sombra-baixa: 0 1px 2px rgba(0,0,0,.35);
  --nb-sombra-media: 0 8px 24px rgba(0,0,0,.45);
  --nb-sombra-alta: 0 24px 60px rgba(0,0,0,.55);
  --nb-sombra-brilho: 0 0 0 1px rgba(207,147,46,.35), 0 10px 30px rgba(207,147,46,.12);
  --nb-sombra-foco: 0 0 0 2px #141212, 0 0 0 4px #E3C26A;
  --nb-linha-filete: 1px solid rgba(207,147,46,.45);
  --nb-linha-divisoria: 1px solid #2A2624;
  --nb-linha-moldura: 1px solid #CF932E;
  --nb-formato-foto-card: 4/3;
  --nb-formato-capa: 16/9;
  --nb-formato-feed: 4/5;
  --nb-formato-story: 9/16;
  --nb-formato-quadrado: 1/1;
  --nb-formato-cartao: 85/55;
  --nb-movimento-rapido: 150ms;
  --nb-movimento-medio: 250ms;
  --nb-movimento-lento: 450ms;
  --nb-movimento-curva: cubic-bezier(.2,.7,.2,1);
  --nb-largura-texto: 68ch;
  --nb-largura-maxima: 1200px;
}

.nb-display { font-family: var(--nb-fonte-display); font-size: var(--nb-tipo-display); font-weight: 700; line-height: 1.05; letter-spacing: 0.02em; }
.nb-h1 { font-family: var(--nb-fonte-display); font-size: var(--nb-tipo-h1); font-weight: 700; line-height: 1.1; letter-spacing: 0.02em; }
.nb-h2 { font-family: var(--nb-fonte-display); font-size: var(--nb-tipo-h2); font-weight: 600; line-height: 1.15; letter-spacing: 0.03em; }
.nb-h3 { font-family: var(--nb-fonte-texto); font-size: var(--nb-tipo-h3); font-weight: 600; line-height: 1.3; letter-spacing: 0; }
.nb-rotulo { font-family: var(--nb-fonte-texto); font-size: var(--nb-tipo-rotulo); font-weight: 600; line-height: 1.4; letter-spacing: 0.22em; text-transform: uppercase; }
.nb-corpo { font-family: var(--nb-fonte-texto); font-size: var(--nb-tipo-corpo); font-weight: 400; line-height: 1.65; letter-spacing: 0; }
.nb-pequeno { font-family: var(--nb-fonte-texto); font-size: var(--nb-tipo-pequeno); font-weight: 400; line-height: 1.5; letter-spacing: 0; }
.nb-citacao { font-family: var(--nb-fonte-editorial); font-size: var(--nb-tipo-citacao); font-weight: 500; line-height: 1.35; letter-spacing: 0; font-style: italic; }
.nb-texto-ouro { background: var(--nb-degrade-ouro); -webkit-background-clip: text; background-clip: text; color: transparent; }