/* =========================================================
   Alvafy × design Shopify — tokens + overrides
   Arquivo: assets/alva-tokens.css
   Carregar DEPOIS do CSS do tema (ver layout/theme.liquid)
   Regra de ouro: nada acima de 550. Ênfase = cor, não peso.
   ========================================================= */

:root{
  /* Fundos (preto em camadas — nunca #000 puro) */
  --alva-bg:#050505;          /* base */
  --alva-bg-2:#0B0B0B;        /* seção alternada */
  --alva-bg-warm:#120904;     /* capítulo "prova" (stats/depoimento) */
  --alva-bg-space:#07050A;    /* seção Shopify Partners */
  --alva-card:#141414;
  --alva-scene:#0A0705;

  /* Texto */
  --alva-text:#FFFFFF;
  --alva-text-2:#A1A1AA;      /* 7.95:1 no preto */
  --alva-text-3:#737373;      /* 4.3:1 → só ≥ 18px */

  /* Laranja Alvafy (substitui o verde #36F4A4 da Shopify) */
  --alva-accent:#FF6A1A;      /* 7.1:1 no preto */
  --alva-accent-ink:#0A0402;  /* texto SOBRE laranja (7.3:1) */
  --alva-accent-soft:#FF8A4C;
  --alva-glow:rgba(255,106,26,.28);

  /* Superfícies e bordas */
  --alva-glass-10:rgba(255,255,255,.10);
  --alva-glass-20:rgba(255,255,255,.20);
  --alva-line:rgba(255,255,255,.10);
  --alva-border-grad:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.06));

  /* Desenho pixel (seção Partners) */
  --alva-star:#E4E4E7; --alva-moon:#F4F4F5; --alva-rocket:#FFFFFF; --alva-line-px:rgba(255,255,255,.35);

  /* Tipografia (Inter variável) */
  --alva-font:"Inter",Helvetica,Arial,sans-serif;
  --alva-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --w-display:300; --w-heading:330; --w-body:420; --w-card:450; --w-ui:500; --w-button:550;

  /* Forma e ritmo */
  --r-chip:4px; --r-input:8px; --r-card:12px; --r-pill:9999px;
  --alva-section-pad:clamp(72px,9vw,128px);
  --alva-ease:cubic-bezier(.4,0,.2,1);
}

/* ---------- Base global ---------- */
body{background:var(--alva-bg);color:var(--alva-text);font-family:var(--alva-font);font-weight:var(--w-body);
  -webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}
b,strong{font-weight:var(--w-card)}
.alva-container{max-width:1340px;margin:0 auto;padding:0 clamp(16px,3.2vw,45px)}

/* ---------- Utilitários das seções novas ---------- */
.alva-eyebrow{display:block;margin-bottom:20px;font:400 12px/1.33 var(--alva-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--alva-accent-text,var(--alva-accent))}
.alva-h2{margin:0;font-family:var(--alva-font);font-size:clamp(36px,4.6vw,64px);line-height:1.06;font-weight:var(--w-heading);letter-spacing:-.03em;color:var(--alva-text)}
.alva-dim{color:var(--alva-text-2)}
.alva-lead{margin:24px 0 0;max-width:34em;font-size:clamp(17px,1.5vw,20px);line-height:1.45;font-weight:400;color:var(--alva-text-2)}
.alva-btn{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 26px;border-radius:var(--r-pill);
  border:2px solid transparent;font:var(--w-button) 17px/1 var(--alva-font);text-decoration:none;white-space:nowrap;
  transition:opacity .3s var(--alva-ease),transform .3s var(--alva-ease),background-color .3s var(--alva-ease)}
.alva-btn:hover{transform:translateY(-1px)}
.alva-btn:focus-visible{outline:2px solid var(--alva-accent);outline-offset:3px}
.alva-btn--primary{background:var(--alva-accent);color:var(--alva-accent-ink)}
.alva-btn--primary:hover{background:var(--alva-accent-soft)}
.alva-btn--ghost{border-color:var(--alva-text);color:var(--alva-text)}
.alva-btn--ghost:hover{background:var(--alva-glass-10)}
.alva-card{border-radius:var(--r-card);border:1px solid transparent;
  background:linear-gradient(var(--alva-card),var(--alva-card)) padding-box,var(--alva-border-grad) border-box}

/* =========================================================
   OVERRIDES DAS SEÇÕES QUE JÁ EXISTEM (mesma estrutura)
   ========================================================= */

/* Header: uma fonte só + CTA com contraste corrigido */
.header__wrapper,.header__link-list,.header__link-list a{font-family:var(--alva-font)!important;font-weight:var(--w-ui)!important;font-size:14px}
.alva-hdr-cta{background:var(--alva-accent)!important;color:var(--alva-accent-ink)!important;font-weight:var(--w-button)!important;border-radius:var(--r-pill)!important}

/* Hero */
.avh h1{font-weight:var(--w-display)!important;letter-spacing:-.025em!important;line-height:1.04!important;font-size:clamp(40px,5.6vw,84px)!important;color:var(--alva-text)!important;max-width:13em}
/* Hero à esquerda, como a Shopify: afirmação branca + desdobramento cinza */
.avh{text-align:left!important}
.avh .avh__inner{max-width:1340px!important;padding:0 clamp(16px,3.2vw,45px)!important}
.avh .avh__sub{margin-left:0!important;max-width:36em!important}
.avh .avh__dim{color:var(--alva-text-2)}
.avh p{color:var(--alva-text-2)!important;font-weight:400!important}

/* Todos os CTAs laranja: pill + texto escuro */
.avh__cta,.avf__submit,.avz__cta{border-radius:var(--r-pill)!important;background:var(--alva-accent)!important;
  color:var(--alva-accent-ink)!important;font-weight:var(--w-button)!important;height:56px;padding:0 28px!important;
  box-shadow:none!important;transition:background-color .3s var(--alva-ease)}
.avh__cta:hover,.avf__submit:hover,.avz__cta:hover{background:var(--alva-accent-soft)!important}

/* Títulos de seção: peso 330 e dois tons (span = branco, resto cinza) */
.avf__title,.avv__title,.avm__title,.avo__title,.avb__title,.avz__title{
  font-weight:var(--w-heading)!important;letter-spacing:-.03em!important;color:var(--alva-text-2)!important}
.avv__title span,.avm__title span,.avo__title span,.avb__title span,.avz__title span{color:var(--alva-text)!important}
.avf__title,.avz__title{color:var(--alva-text)!important}

/* H3 de cards (600 → 450) e qualquer bold restante */
.avv h3,.avo h3,.avd h3,.avb h3,.avm h3,.avv__card-title{font-weight:var(--w-card)!important;letter-spacing:-.01em!important}
.footer h2,.footer h3,.footer h4,.footer strong{font-weight:var(--w-card)!important}

/* Eyebrows: "ALV 0.1", "OBJEÇÃO 1" → mono laranja */
.avv__tag,.avo__tag{font:400 12px/1.33 var(--alva-mono)!important;letter-spacing:.06em!important;text-transform:uppercase;
  color:var(--alva-accent)!important;border-color:rgba(255,106,26,.35)!important;border-radius:var(--r-chip)!important}

/* Stats = capítulo "prova" com fundo quente */
.avs{background:var(--alva-bg-warm)!important}
.avs__num{font-weight:var(--w-heading)!important;font-size:clamp(40px,4vw,56px)!important;line-height:.96!important;letter-spacing:-.02em}

/* Números gigantes do método e wordmark do rodapé: leves */
.avm__ghost{font-weight:var(--w-display)!important}
.alva-ftr-wordmark{font-weight:var(--w-display)!important}

/* Formulário */
.avf__card{border-radius:var(--r-card)!important;border:1px solid transparent!important;
  background:linear-gradient(var(--alva-card),var(--alva-card)) padding-box,var(--alva-border-grad) border-box!important}
.avf__input,.avf select,.avf textarea{border-radius:var(--r-input)!important;background:rgba(255,255,255,.04)!important;
  border:1px solid var(--alva-line)!important;font-family:var(--alva-font)!important}
.avf__input:focus,.avf select:focus,.avf textarea:focus{outline:none;border-color:var(--alva-accent)!important;box-shadow:0 0 0 3px rgba(255,106,26,.25)!important}

/* Texto secundário: troca alfas soltos por tokens sólidos */
.avv__card-text,.avo p,.avd p,.avb p,.avm p{color:var(--alva-text-2)!important;font-weight:var(--w-body)!important}



/* Home: uma família só (sai Outfit / Plus Jakarta / Playfair) e nada acima de 550 */
body, body :where(h1,h2,h3,h4,h5,h6,p,a,span,li,button,input,select,textarea,label,strong,b,em,div){font-family:var(--alva-font)!important}
body :where(h1){font-weight:var(--w-display)!important}
body :where(h2){font-weight:var(--w-heading)!important}
body :where(h3,h4,h5,h6,strong,b){font-weight:var(--w-card)!important}
body :where(button,.button,[class*="__cta"],[class*="btn"]){font-weight:var(--w-button)!important}

/* Faixa "Cases Alvafy" */
.avl__label{font:400 12px/1.33 var(--alva-mono)!important;letter-spacing:.06em!important;text-transform:uppercase;color:var(--alva-accent)!important}