/* ============================================================
   D2UN — Página: Sobre
   Entry point — importa todos os partials na ordem correta
   ============================================================ */

/* 1. Tokens e base */
@import url('../tokens.css');
@import url('../base.css');

/* 2. Componentes compartilhados */
@import url('../components/logo.css');
@import url('../components/buttons.css');
@import url('../components/header.css');
@import url('../components/footer.css');
@import url('../components/whatsapp.css');

/* 3. Seções da página sobre */
@import url('../sections/sobre/hero.css');
@import url('../sections/sobre/mission.css');
@import url('../sections/sobre/differentials.css');
@import url('../sections/sobre/timeline.css');
@import url('../sections/sobre/cta.css');

/* 4. Utilitários */
@import url('../utils/animations.css');

/* ── Tipografia e fontes da página sobre ── */
body { font-family: var(--ff-body); }

h1, h2, h3, h4 {
  font-family: var(--ff-heading);
  color: var(--text-primary);
  line-height: 1.15;
}

/* Classes de tamanho tipográfico */
.display { font-family: var(--ff-display); font-weight: 400; letter-spacing: -0.02em; line-height: 1.05; }
.display em, h1 em, h2 em { font-style: italic; font-family: var(--ff-heading); font-weight: 800; color: var(--primary-purple); }
.h1 { font-size: clamp(2.25rem, 6vw, 4rem); }
.h2 { font-size: clamp(1.75rem, 4.5vw, 2.75rem); }
.h3 { font-size: clamp(1.25rem, 2.5vw, 1.75rem); }
.h4 { font-size: 1.25rem; font-weight: 600; }
.body-lg { font-size: 1.125rem; line-height: 1.6; }
.body    { font-size: 1rem; line-height: 1.65; }
.body-sm { font-size: 0.875rem; line-height: 1.5; }
.caption { font-size: 0.75rem; font-weight: 500; line-height: 1.4; letter-spacing: 0.04em; }
.text-secondary { color: var(--text-secondary); }

/* Eyebrow no estilo sobre (pill com borda) */
.eyebrow {
  display: inline-block;
  font-family: var(--ff-heading);
  font-size: 0.75rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--primary-purple);
  padding: 6px 14px;
  background: rgba(124,58,237,0.12);
  border: 1px solid rgba(124,58,237,0.25);
  border-radius: var(--radius-full);
  margin-bottom: var(--space-4);
}
.eyebrow-light { color: var(--accent-purple-deep); background: rgba(124,58,237,0.08); border-color: rgba(124,58,237,0.2); }

/* Header sticky na sobre */
.site-header { position: sticky; }

/* :focus-visible override para sobre */
:focus-visible { outline: none; box-shadow: var(--shadow-focus); border-radius: var(--radius-sm); }