/**
 * Partinner — tokens globais (cores, superfícies, ícones em cards).
 * Inclua antes dos <style> inline de cada página.
 */
:root {
  /* CTAs e marca */
  --purple-grad: linear-gradient(135deg, #7c3aed, #a855f7);
  --purple-grad-hover: linear-gradient(135deg, #6d28d9, #9333ea);
  --pt-brand: #7c3aed;
  --pt-brand-deep: #5b21b6;
  --pt-eyebrow-on-dark: #c084fc;

  /* Texto e footer escuro */
  --bg-dark: #1a0a3b;
  --text-main: #1a1a1a;
  --text-muted: #666;
  --border-light: rgba(15, 15, 15, 0.06);

  /* Superfícies de página / seção */
  --pt-bg-page: #ffffff;
  --pt-bg-muted: #fafafa;
  --pt-bg-lavender: #f8f6ff;
  --pt-border-lilac: #ede8fd;
  --pt-border-purple-soft: #ddd6fe;

  /* Cards brancos (borda lilás suave) */
  --pt-card-bg: #ffffff;
  --pt-card-border: var(--pt-border-lilac);
  --pt-card-border-hover: var(--pt-border-purple-soft);

  /**
   * Ícone em card — padrão único: fundo cinza-claro + ícone roxo.
   * Use em feature cards, listas de diferenciais, etc.
   */
  --pt-icon-box-bg: #f1f5f9;
  --pt-icon-box-border: rgba(15, 15, 15, 0.08);
  --pt-icon-box-color: #7c3aed;
  --pt-icon-box-bg-hover: #e2e8f0;
  --pt-icon-box-bg-accent: #ede9fe;

  /* Variante lavanda (destaque suave, alinhada ao lilás do site) */
  --pt-icon-box-bg-lavender: #f8f6ff;
  --pt-icon-box-border-lavender: var(--pt-border-lilac);

  /* Papéis comparativos (ex.: Partinner vs Cliente) */
  --pt-role-partinner-bg: #f3f0ff;
  --pt-role-partinner-fg: #7c3aed;
  --pt-role-client-bg: #eff6ff;
  --pt-role-client-fg: #2563eb;

  /* Alerta / “antes” / problema */
  --pt-icon-danger-bg: #fee2e2;
  --pt-icon-danger-fg: #ef4444;

  /* Pilares (soluções) — cores semânticas fixas */
  --pt-pillar-infra-bg: #eef2ff;
  --pt-pillar-infra-fg: #4f46e5;
  --pt-pillar-ops-bg: #ecfdf5;
  --pt-pillar-ops-fg: #059669;
  --pt-pillar-intel-bg: #f3e8ff;
  --pt-pillar-intel-fg: #7c3aed;

  /* Verticais ICP (para-quem) */
  --pt-vertical-betting-bg: #fdf2f8;
  --pt-vertical-betting-fg: #db2777;
  --pt-vertical-ecom-bg: #eff6ff;
  --pt-vertical-ecom-fg: #2563eb;
  --pt-vertical-saas-bg: #f0fdf4;
  --pt-vertical-saas-fg: #16a34a;
  --pt-vertical-edu-bg: #fffbeb;
  --pt-vertical-edu-fg: #d97706;

  /* Números de processo, bullets */
  --pt-process-number: #9333ea;
}

/* Utilitário opcional: caixa de ícone padrão (48px) */
.pt-icon-box {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--pt-icon-box-bg);
  border: 1px solid var(--pt-icon-box-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--pt-icon-box-color);
}

.pt-icon-box svg {
  width: 24px;
  height: 24px;
  stroke-width: 2;
}

/**
 * Textículo (eyebrow) — hierarquia: textículo · título · subtítulo
 * Mesma ideia da home: roxo, caixa alta, pequeno.
 */
.section-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--pt-brand);
  text-transform: uppercase;
  margin-bottom: 12px;
  line-height: 1.35;
}

/* Fundos escuros (hero roxo, CTA, faixas escuras) */
.section-label--on-dark {
  color: var(--pt-eyebrow-on-dark);
}