/* Design tokens — espelha 14_APPS_STACK/ar-w2-app/tailwind.config.js
   Exclusivo W2 Marketing / Marcos Fogo. Não reutilizar em outro cliente. */
:root{
  /* Marca */
  --navy:#0A1B3D;  --navy-70:#4A5F82;  --navy-20:#D0D8E8;
  --cyan:#00ADEF;  --cyan-20:#CCF0FC;  --cyan-10:#E6F7FD;
  --azul:#0076C0;
  --brand-gradient: linear-gradient(135deg, #0A1B3D 0%, #0076C0 100%);

  /* Superfícies */
  --surface:#F7FAFD;  --card:#FFFFFF;  --border:#E5E9EE;

  /* Texto */
  --text:#111827;  --muted:#6B7280;  --subtle:#9CA3AF;

  /* Status */
  --whatsapp:#25D366; --success:#10B981; --warning:#F59E0B; --danger:#EF4444;

  /* Raio */
  --r-sm:6px; --r:8px; --r-md:10px; --r-lg:12px; --r-xl:16px; --r-2xl:20px; --r-3xl:24px;

  /* Sombra */
  --sh-xs:0 1px 2px rgba(0,0,0,.04);
  --sh-sm:0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --sh:0 2px 8px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);
  --sh-md:0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);
  --sh-lg:0 8px 24px rgba(0,0,0,.10), 0 4px 8px rgba(0,0,0,.04);

  /* Movimento */
  --e-out:cubic-bezier(.25,1,.5,1);
  --e-spring:cubic-bezier(.34,1.56,.64,1);

  /* Tipografia */
  --font-sans:'Inter', -apple-system, system-ui, sans-serif;
}