/* A com B — design tokens
   Extraídos de 260911_LA_AcomB_BrandBook.pdf */

:root {
  /* ---- Cor ---- */
  --magenta: #d60880;          /* Pantone 219 C · CMYK 0/95/0/0 */
  --magenta-escuro: #a80664;
  --magenta-claro: #e8459f;
  --magenta-08: rgba(214, 8, 128, 0.08);
  --magenta-16: rgba(214, 8, 128, 0.16);

  --preto: #000000;
  --grafite: #121212;
  --cinza-90: #1d1d1f;
  --cinza-60: #6b6b70;
  --cinza-30: #b8b8bd;
  --cinza-12: #e4e4e7;
  --cinza-06: #f4f4f5;
  --branco: #ffffff;

  /* papéis semânticos */
  --bg: var(--branco);
  --bg-alt: var(--cinza-06);
  --bg-inverso: var(--preto);
  --texto: var(--cinza-90);
  --texto-fraco: var(--cinza-60);
  --texto-inverso: var(--branco);
  --linha: var(--cinza-12);
  --acento: var(--magenta);

  /* ---- Tipografia ----
     Brand book: Helvetica Neue Light / Regular / Bold.
     Helvetica Neue não tem licença web; substituta aprovada: Inter variable,
     hospedada em assets/fonts (sem Google Fonts). */
  --fonte: "Inter", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
  --peso-light: 300;
  --peso-regular: 400;
  --peso-bold: 700;

  /* escala fluida — clamp(min, preferido, max) */
  --t-display: clamp(2.75rem, 7.5vw, 7rem);   /* H1 do hero */
  --t-h2: clamp(2rem, 4.4vw, 3.75rem);
  --t-h3: clamp(1.25rem, 2vw, 1.625rem);
  --t-corpo-g: clamp(1.0625rem, 1.4vw, 1.3125rem);
  --t-corpo: 1rem;
  --t-peq: 0.875rem;
  --t-chancela: 0.75rem;                       /* eyebrow, caixa alta */

  --lh-display: 0.98;
  --lh-titulo: 1.08;
  --lh-corpo: 1.6;
  --track-display: -0.035em;
  --track-chancela: 0.18em;

  /* ---- Espaço (escala de 4px) ---- */
  --e-1: 0.25rem;
  --e-2: 0.5rem;
  --e-3: 0.75rem;
  --e-4: 1rem;
  --e-6: 1.5rem;
  --e-8: 2rem;
  --e-12: 3rem;
  --e-16: 4rem;
  --e-24: 6rem;
  --e-32: 8rem;
  --secao-y: clamp(4.5rem, 11vh, 9.5rem);

  /* ---- Layout ---- */
  --largura-max: 1320px;
  --largura-texto: 62ch;
  --gutter: clamp(1.25rem, 4vw, 4rem);

  /* ---- Traço do percurso A—B (elemento gráfico da marca) ---- */
  --traco: 3px;
  --ponto: 13px;

  /* ---- Movimento ---- */
  --ease-saida: cubic-bezier(0.16, 1, 0.3, 1);   /* desaceleração longa */
  --ease-padrao: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-rapida: 180ms;
  --dur-media: 420ms;
  --dur-longa: 900ms;

  /* ---- Elevação / foco ---- */
  --sombra-card: 0 1px 2px rgba(0, 0, 0, 0.04), 0 12px 32px rgba(0, 0, 0, 0.06);
  --raio: 0;                                     /* marca é geométrica e seca */
  --foco: 2px solid var(--magenta);
  --foco-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-rapida: 1ms;
    --dur-media: 1ms;
    --dur-longa: 1ms;
  }
}