/* all4sales · design tokens (fonte: manual de identidade v1.0, 11/09/2026)
   Tudo escopado em .a4s pra conviver com o tema do WordPress. */
.a4s {
  /* cor */
  --ink: #142D40;        /* azul profundo: estrutura, títulos, blocos escuros */
  --ink-2: #1B3A50;      /* azul um tom acima, pra superfícies dentro do escuro */
  --lime: #B8DE32;       /* ação e destaque: uma peça de foco por composição */
  --lime-2: #A7CB2B;     /* hover do lima */
  --lime-soft: #EEF6CF;  /* lima diluído pra chips e fundos leves */
  --paper: #F6F8F4;      /* off-white: fundo geral */
  --white: #FFFFFF;      /* cards */
  --mist: #E6EBE4;       /* hairlines e divisores, com viés verde do papel */
  --slate: #60717D;      /* apoio: legendas, ícones, texto secundário */
  --slate-2: #8A98A2;    /* apoio mais claro em fundo escuro */
  --ok: #216E4E; --err: #B42318; --warn: #8A4B08; --info: #175CD3;
  --wa: #25D366;         /* verde do WhatsApp, só no botão flutuante e bolhas */

  /* tipo */
  --f-display: "Sora", "Poppins", "Segoe UI", system-ui, sans-serif;
  --f-body: "Inter", "Helvetica Neue", Arial, system-ui, sans-serif;
  --fs-hero: clamp(2.25rem, 3.9vw, 3.25rem);  /* 36 → 52 */
  --fs-h2: clamp(1.625rem, 2.5vw, 2.125rem);  /* 26 → 34 */
  --fs-h3: 1.3125rem;
  --fs-lead: 1.0625rem;
  --fs-body: 1rem;
  --fs-ui: .875rem;
  --fs-cap: .75rem;

  /* espaço e forma */
  --container: 1200px;
  --gutter: 20px;
  --margin: clamp(20px, 7vw, 120px);
  --sec-y: clamp(56px, 7vw, 88px);  /* respiro entre dobras */
  --r-card: 16px; --r-ctl: 8px; --r-pill: 999px;
  --shadow-float: 0 24px 48px -24px rgba(20,45,64,.28), 0 2px 6px rgba(20,45,64,.06);
  --shadow-card: 0 1px 2px rgba(20,45,64,.05);

  /* motion */
  --t-fast: 150ms; --t-base: 220ms;
  --ease: cubic-bezier(.2,.7,.2,1);
}