/* =============================================================
   Landing pages — shared design-system overlay
   Padroniza tipografia e botões das 4 landing pages (Delivery,
   Entregadores, Uber Clone, Banco Digital) preservando o hero e
   a cor de destaque de cada produto.
   Carregado DEPOIS do CSS individual de cada página.
   ============================================================= */

/* 1. Tipografia unificada (fontes da marca) */
:root {
  --bd-font-d: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --bd-font-b: 'Inter', system-ui, -apple-system, sans-serif;
  --bd-font-m: 'JetBrains Mono', 'Courier New', monospace;
  --uc-font-display: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --uc-font-body: 'Inter', system-ui, -apple-system, sans-serif;
}

/* 2. Botões primários — uma única forma (pílula verde) */
.dv-btn-primary, .et-btn-primary, .uc-btn-primary, .bd-btn-primary {
  font-family: 'Plus Jakarta Sans', var(--font-display), system-ui, sans-serif;
  font-weight: 700;
  border-radius: 999px;
  border: none;
  letter-spacing: 0;
}

/* 3. Botões secundários/contorno — pílula + fonte da marca */
.dv-btn-outline, .et-btn-outline, .uc-btn-outline, .bd-btn-outline {
  font-family: 'Plus Jakarta Sans', var(--font-display), system-ui, sans-serif;
  font-weight: 700;
  border-radius: 999px;
}

/* 4. Botões brancos / contorno-branco — pílula consistente */
.dv-btn-white, .et-btn-white, .uc-btn-white, .bd-btn-white,
.uc-btn-outline-white, .bd-btn-outline-white {
  border-radius: 999px;
  font-family: 'Plus Jakarta Sans', var(--font-display), system-ui, sans-serif;
  font-weight: 700;
}

/* 5. Anel de foco consistente (acessibilidade) */
.dv-btn-primary:focus-visible, .et-btn-primary:focus-visible,
.uc-btn-primary:focus-visible, .bd-btn-primary:focus-visible,
.dv-btn-outline:focus-visible, .et-btn-outline:focus-visible,
.uc-btn-outline:focus-visible, .bd-btn-outline:focus-visible,
.dv-btn-white:focus-visible, .et-btn-white:focus-visible,
.uc-btn-white:focus-visible, .bd-btn-white:focus-visible {
  outline: 3px solid rgba(22, 163, 74, 0.4);
  outline-offset: 2px;
}

/* 6. Títulos — ritmo e entrelinha consistentes */
.dv-hero-h1, .et-hero-h1, .uc-hero-h1, .bd-hero-h1 {
  font-family: 'Plus Jakarta Sans', var(--font-display), system-ui, sans-serif;
  letter-spacing: -0.04em;
}

/* 7. Contraste dos botões outline (garante legibilidade sobre fundo claro) */
.dv-btn-outline, .et-btn-outline, .uc-btn-outline, .bd-btn-outline {
  color: var(--c-green-dark, #15803D);
}