/* ============================================
   NEXO — TOKENS DA LANDING PÚBLICA
   Paleta light editorial sobre creme.
   Distinta dos tokens da área logada (dark).
   ============================================ */

:root {
  /* === CORES BASE === */
  --nexo-creme: #F0E8D8;          /* fundo principal */
  --nexo-creme-soft: #F5EFE2;     /* fundo de seções alternadas */
  --nexo-creme-deep: #E8DFC8;     /* divisores e bordas suaves */

  --nexo-preto: #1A1612;          /* texto principal, botão primário */
  --nexo-preto-soft: #2A2520;     /* texto sobre fundo escuro */

  --nexo-laranja: #E85D2F;        /* acento, destaque tipográfico */
  --nexo-laranja-soft: #F2855A;   /* hover, estados secundários */
  --nexo-laranja-bg: rgba(232, 93, 47, 0.06);  /* fundo da seção depoimento */

  /* === TEXTOS === */
  --nexo-text-primary: #1A1612;
  --nexo-text-secondary: #5C5345;  /* marrom médio, parágrafos */
  --nexo-text-tertiary: #8C7B5C;   /* marrom claro, eyebrows e captions */
  --nexo-text-on-dark: #F0E8D8;    /* texto creme sobre fundo preto */

  /* === BORDAS === */
  --nexo-border-soft: rgba(26, 22, 18, 0.08);
  --nexo-border-medium: rgba(26, 22, 18, 0.15);
  --nexo-border-strong: rgba(26, 22, 18, 0.25);

  /* === TIPOGRAFIA === */
  --nexo-font-display: 'Outfit', system-ui, -apple-system, sans-serif;
  --nexo-font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --nexo-font-serif: 'Source Serif 4', Georgia, serif;

  /* === ESPAÇAMENTOS === */
  --nexo-space-section: 80px;
  --nexo-space-section-sm: 56px;
  --nexo-space-block: 32px;
  --nexo-space-inline: 16px;

  /* === BORDER RADIUS === */
  --nexo-radius-sm: 6px;
  --nexo-radius-md: 10px;
  --nexo-radius-lg: 14px;
  --nexo-radius-pill: 999px;

  /* === SHADOWS === */
  --nexo-shadow-card: 0 1px 2px rgba(26, 22, 18, 0.04);
  --nexo-shadow-elevated: 0 8px 24px rgba(26, 22, 18, 0.08);
  --nexo-shadow-mockup: 0 12px 40px rgba(26, 22, 18, 0.18);

  /* === TRANSIÇÕES === */
  --nexo-transition-fast: 150ms ease;
  --nexo-transition-base: 250ms ease;
  --nexo-transition-slow: 400ms ease;
}

/* Reset mínimo escopado pra landing */
.landing-page *,
.landing-page *::before,
.landing-page *::after {
  box-sizing: border-box;
}

.landing-page {
  background: var(--nexo-creme);
  color: var(--nexo-text-primary);
  font-family: var(--nexo-font-body);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Tamanho padrão dos ícones Lucide */
.landing-page i[data-lucide] {
  width: 22px;
  height: 22px;
  stroke-width: 1.75;
  color: var(--nexo-laranja);
  display: inline-block;
  vertical-align: middle;
}

.landing-page .icon-sm i[data-lucide],
.landing-page i[data-lucide].icon-sm {
  width: 14px;
  height: 14px;
}

.landing-page .icon-lg i[data-lucide],
.landing-page i[data-lucide].icon-lg {
  width: 32px;
  height: 32px;
}