/* dna-brand.css — TOKENS DE MARCA (gerado no build a partir do CSS capturado).
 *
 * NÃO muda um pixel: cada regra abaixo é a MESMA declaração do CSS capturado,
 * com o literal hex trocado por uma var de MESMO valor. Carregado DEPOIS do CSS
 * capturado; os :hover/group-hover do alvo continuam vencendo (pseudo-classe
 * soma especificidade), então os 26 hovers de §7-I5 seguem intactos.
 *
 * REBRAND (SPEC §10) = mexer aqui + em 7 strings:
 *   1. cores  -> os 9 valores de :root logo abaixo (49 regras seguem a var)
 *   2. marca  -> "Aurélia" ×4: <title>, header <span>, footer <span>, copyright
 *   3. tagline-> "Alinhamento de mente, corpo e alma" (footer)
 *   4. preço  -> "R$ 97" ×2 (CTA do hero e card da oferta) + "De R$ 297",
 *                "68% OFF", "3x de R$ 32,33"
 *   ⚠️ 09/08: a fonte de exibição passou a ser EB GARAMOND (bloco 17 do
 *   _aplicar-conteudo.mjs). A Cormorant Garamond desenhava o circunflexo como
 *   cunha alta e solta, e em português isso aparecia em "Você"/"frequência".
 *   Como a EB Garamond não tem peso 300, o letreiro é 400 — e entre 768 e
 *   899px o tracking cai para .15em, senão a fonte, mais larga, empurra o CTA
 *   para fora do viewport.
 *   Não há logo gráfico: a marca é TEXTO (EB Garamond, tracking .25em,
 *   uppercase). af2566142_logo.png é só favicon.
 *
 * FORA do alcance das vars (ficam literais no CSS capturado / no markup):
 *   - sombras de valor arbitrário: shadow-[0_0_8px_rgba(212,175,55,0.8)],
 *     shadow-[0_0_15px_rgba(212,175,55,0.6)], group-hover:shadow-[0_0_25px_rgba(212,175,55,0.9)]
 *   - as 13 cores inline dos orbes e as 7 cores dos chakras (style="" no markup,
 *     vindas dos arrays ED/CD do fonte)
 *   - :root do CSS capturado: --color-alabaster/obsidian/aura-gold/air-blue/deep-violet
 */
:root{
  --brand-obsidian: #1A1F2B;      --brand-obsidian-rgb: 26 31 43;   /* texto principal + fundo das 3 seções escuras (cor #1) */
  --brand-alabaster: #FCFCFD;      --brand-alabaster-rgb: 252 252 253;   /* fundo da página / texto sobre escuro */
  --brand-gold: #D4AF37;      --brand-gold-rgb: 212 175 55;   /* dourado da marca: CTA, badges, pontos */
  --brand-blue: #5D8AA8;      --brand-blue-rgb: 93 138 168;   /* azul de apoio: orbes, marcadores, avatar */
  --brand-violet: #7E57C2;      --brand-violet-rgb: 126 87 194;   /* violeta: eyebrows, orbes, chakra coroa */
  --brand-gold-dark: #B8941F;      --brand-gold-dark-rgb: 184 148 31;   /* fim do gradiente dourado do CTA */
  --brand-red: #E53935;      --brand-red-rgb: 229 57 53;   /* vermelho de urgência (badge, chakra raiz) */
  --brand-cream: #FDF8EE;      --brand-cream-rgb: 253 248 238;   /* creme (fundo oferta, painel Depois) */
  --brand-ice: #F0F7FF;      --brand-ice-rgb: 240 247 255;   /* azul-gelo (fim do gradiente do painel Depois) */
}

/* 49 utilitários religados às vars (valores idênticos, verificados 1 a 1) */
.border-\[\#1A1F2B\]\/10{border-color:rgb(var(--brand-obsidian-rgb) / .102)}
.border-\[\#1A1F2B\]\/5{border-color:rgb(var(--brand-obsidian-rgb) / .051)}
.border-\[\#D4AF37\]\/30{border-color:rgb(var(--brand-gold-rgb) / .302)}
.bg-\[\#1A1F2B\]{--tw-bg-opacity: 1;background-color:rgb(var(--brand-obsidian-rgb) / var(--tw-bg-opacity, 1))}
.bg-\[\#5D8AA8\]\/60{background-color:rgb(var(--brand-blue-rgb) / .6)}
.bg-\[\#D4AF37\]{--tw-bg-opacity: 1;background-color:rgb(var(--brand-gold-rgb) / var(--tw-bg-opacity, 1))}
.bg-\[\#D4AF37\]\/20{background-color:rgb(var(--brand-gold-rgb) / .2)}
.bg-\[\#E53935\]{--tw-bg-opacity: 1;background-color:rgb(var(--brand-red-rgb) / var(--tw-bg-opacity, 1))}
.bg-\[\#E53935\]\/10{background-color:rgb(var(--brand-red-rgb) / .102)}
.bg-\[\#FCFCFD\]{--tw-bg-opacity: 1;background-color:rgb(var(--brand-alabaster-rgb) / var(--tw-bg-opacity, 1))}
.bg-\[\#FCFCFD\]\/80{background-color:rgb(var(--brand-alabaster-rgb) / .8)}
.from-\[\#1A1F2B\]\/50{--tw-gradient-from: rgb(var(--brand-obsidian-rgb) / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--brand-obsidian-rgb) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.from-\[\#7E57C2\]{--tw-gradient-from: var(--brand-violet) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--brand-violet-rgb) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.from-\[\#D4AF37\]{--tw-gradient-from: var(--brand-gold) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--brand-gold-rgb) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.from-\[\#FCFCFD\]{--tw-gradient-from: var(--brand-alabaster) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--brand-alabaster-rgb) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.from-\[\#FCFCFD\]\/70{--tw-gradient-from: rgb(var(--brand-alabaster-rgb) / .7) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--brand-alabaster-rgb) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.from-\[\#FDF8EE\]{--tw-gradient-from: var(--brand-cream) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--brand-cream-rgb) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.via-\[\#1A1F2B\]\/10{--tw-gradient-to: rgb(var(--brand-obsidian-rgb) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(var(--brand-obsidian-rgb) / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}
.via-\[\#FCFCFD\]\/50{--tw-gradient-to: rgb(var(--brand-alabaster-rgb) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(var(--brand-alabaster-rgb) / .5) var(--tw-gradient-via-position), var(--tw-gradient-to)}
.via-\[\#FDF8EE\]{--tw-gradient-to: rgb(var(--brand-cream-rgb) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--brand-cream) var(--tw-gradient-via-position), var(--tw-gradient-to)}
.to-\[\#5D8AA8\]{--tw-gradient-to: var(--brand-blue) var(--tw-gradient-to-position)}
.to-\[\#B8941F\]{--tw-gradient-to: var(--brand-gold-dark) var(--tw-gradient-to-position)}
.to-\[\#F0F7FF\]{--tw-gradient-to: var(--brand-ice) var(--tw-gradient-to-position)}
.to-\[\#FCFCFD\]{--tw-gradient-to: var(--brand-alabaster) var(--tw-gradient-to-position)}
.fill-\[\#D4AF37\]{fill:var(--brand-gold)}
.text-\[\#1A1F2B\]{--tw-text-opacity: 1;color:rgb(var(--brand-obsidian-rgb) / var(--tw-text-opacity, 1))}
.text-\[\#1A1F2B\]\/30{color:rgb(var(--brand-obsidian-rgb) / .302)}
.text-\[\#1A1F2B\]\/40{color:rgb(var(--brand-obsidian-rgb) / .4)}
.text-\[\#1A1F2B\]\/50{color:rgb(var(--brand-obsidian-rgb) / .502)}
.text-\[\#1A1F2B\]\/60{color:rgb(var(--brand-obsidian-rgb) / .6)}
.text-\[\#1A1F2B\]\/70{color:rgb(var(--brand-obsidian-rgb) / .702)}
.text-\[\#1A1F2B\]\/80{color:rgb(var(--brand-obsidian-rgb) / .8)}
.text-\[\#7E57C2\]{--tw-text-opacity: 1;color:rgb(var(--brand-violet-rgb) / var(--tw-text-opacity, 1))}
.text-\[\#D4AF37\]{--tw-text-opacity: 1;color:rgb(var(--brand-gold-rgb) / var(--tw-text-opacity, 1))}
.text-\[\#E53935\]{--tw-text-opacity: 1;color:rgb(var(--brand-red-rgb) / var(--tw-text-opacity, 1))}
.text-\[\#FCFCFD\]{--tw-text-opacity: 1;color:rgb(var(--brand-alabaster-rgb) / var(--tw-text-opacity, 1))}
.text-\[\#FCFCFD\]\/30{color:rgb(var(--brand-alabaster-rgb) / .302)}
.text-\[\#FCFCFD\]\/40{color:rgb(var(--brand-alabaster-rgb) / .4)}
.text-\[\#FCFCFD\]\/60{color:rgb(var(--brand-alabaster-rgb) / .6)}
.shadow-\[\#D4AF37\]\/10{--tw-shadow-color: rgb(var(--brand-gold-rgb) / .1);--tw-shadow: var(--tw-shadow-colored)}
.shadow-\[\#D4AF37\]\/30{--tw-shadow-color: rgb(var(--brand-gold-rgb) / .3);--tw-shadow: var(--tw-shadow-colored)}
.hover\:border-\[\#1A1F2B\]\/20:hover{border-color:rgb(var(--brand-obsidian-rgb) / .2)}
.hover\:border-\[\#D4AF37\]\/30:hover{border-color:rgb(var(--brand-gold-rgb) / .302)}
.hover\:bg-\[\#1A1F2B\]\/90:hover{background-color:rgb(var(--brand-obsidian-rgb) / .902)}
.hover\:text-\[\#1A1F2B\]:hover{--tw-text-opacity: 1;color:rgb(var(--brand-obsidian-rgb) / var(--tw-text-opacity, 1))}
.hover\:text-\[\#1A1F2B\]\/60:hover{color:rgb(var(--brand-obsidian-rgb) / .6)}
.hover\:text-\[\#FCFCFD\]:hover{--tw-text-opacity: 1;color:rgb(var(--brand-alabaster-rgb) / var(--tw-text-opacity, 1))}
.hover\:shadow-\[\#7E57C2\]\/30:hover{--tw-shadow-color: rgb(var(--brand-violet-rgb) / .3);--tw-shadow: var(--tw-shadow-colored)}
.hover\:shadow-\[\#D4AF37\]\/50:hover{--tw-shadow-color: rgb(var(--brand-gold-rgb) / .5);--tw-shadow: var(--tw-shadow-colored)}