/*
  Tokens de marca ESMONT — copiados do design-system-esmont (fonte oficial: projeto
  lpesmont). Não redecidir cor/tipografia aqui; qualquer mudança de marca vem de lá.
*/

:root {
  /* Cores da marca */
  --cor-primaria: #00529B;
  --cor-primaria-escura: #003763;
  --cor-branco: #FFFFFF;
  --cor-cinza-claro: #F2F2F2;
  --cor-cinza-medio: #808080;

  --cor-texto: #1a1a1a;
  --cor-primaria-hover: #003F78;
  --cor-whatsapp: #25D366;

  /* Tipografia — TODO: copiar os arquivos de fonte self-hosted
     (rajdhani-600/700, inter-var) de lpesmont/02-site/assets/fonts/ pra
     02-site/assets/fonts/ deste projeto e declarar @font-face em base.css
     antes de considerar isso pronto. Sem CDN externo (Google Fonts etc.). */
  --fonte-titulo: 'Rajdhani', system-ui, sans-serif;
  --fonte-corpo: 'Inter', system-ui, sans-serif;

  /* Escala de espaçamento — mesma do design system */
  --esp-1: 0.25rem;
  --esp-2: 0.5rem;
  --esp-3: 1rem;
  --esp-4: 1.5rem;
  --esp-5: 2.5rem;
  --esp-6: 4rem;

  /* Tokens de motion — mesma base do design system; este projeto tem
     licença pra usar MAIS movimento (ver skill link-bio-esmont), mas com
     os mesmos timings/easing como vocabulário comum de marca. */
  --anim-rapida: 200ms;
  --anim-media: 400ms;
  --anim-easing: cubic-bezier(0.22, 1, 0.36, 1);
}